nautat

A demo of TopoJSON on a U.S. counties shapefile from the U.S. census bureau. The original GeoJSON file was 2.2M; the TopoJSON file is 660K, a reduction of 70.5%! (Or gzipped, a 71% reduction from 596K to 176K.)

[ Launch Inlet ]Gist #3200444

Experiment to create 2 panel with d3js Force-Directed Layout.

	<canvas id="canvas"></canvas>
	<script src="http://d3js.org/d3.v3.min.js"></script>
	<script>
	var num = 20000;

	var canvas = document.getElementById("canvas");
	var width = canvas.width = 960;
	var height = canvas.height = 500;
	var ctx = canvas.getContext("2d");

	<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
	<html>
	<head>
	<script type="text/javascript" src="http://mbostock.github.com/d3/d3.js"></script>
	</head>
	<body>
	<script type="text/javascript">

	var data = [{value: 1}];

	<html>
	<head>
	<script type="text/javascript" src="http://d3js.org/d3.v2.min.js"></script>
	<style type="text/css" media="screen">
	.svg rect {
	stroke: white;
	fill: steelblue;
	}
	</style>
	</head>

	<!DOCTYPE html>
	<html>
	<head>
	<meta charset="utf-8">
	<title>Context</title>
	<script src="http://d3js.org/d3.v3.min.js"></script>
	<style type="text/css">
	</style>
	</head>
	<body>

	<!DOCTYPE html>
	<meta charset="utf-8">
	<style type="text/css">
	</style>
	<body>
	<script src="http://d3js.org/d3.v3.js"></script>
	<script>

	</script>

	/*
	Copyright (c) 2012, Ger Hobbelt (ger@hobbelt.com)
	All rights reserved.

	Redistribution and use in source and binary forms, with or without
	modification, are permitted provided that the following conditions are met:

	* Redistributions of source code must retain the above copyright notice, this
	list of conditions and the following disclaimer.

	<!DOCTYPE html>
	<meta charset="utf-8">
	<style type="text/css">
	table {
	font-family: "Helvetica", "Lucida Sans", "Lucida Sans Unicode", "Luxi Sans", Tahoma, sans-serif;
	box-shadow: 1px 1px 10px rgba(0,0,0,0.5);
	border-collapse: collapse;
	border-spacing: 0;
	}
	table {