nautat

## index.html
<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");

## index.html
<!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 {
	<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>
	<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 {