Simple Graph

by sunilbg

HTML

<script src="https://cdnjs.cloudflare.com/ajax/libs/d3/3.3.13/d3.min.js"></script>
<h3>Simple Graph</h3>
<div id="graph-canvas"></div>

CSS

body {
  background-color: #2c3e50;
  color: white;
}

pre {
  display: none;
}

svg .foreground path {
  fill: none;
  stroke: #F15A29;
  stroke-opacity: .7;
}

.axis path,
.axis line {
  fill: none;
  stroke: white;
  shape-rendering: crispEdges;
}

.brush .extent {
  fill-opacity: .1;
  stroke: #fff;
  shape-rendering: crispEdges;
}

text {
  fill: white;
  font-family: 'Sans serif';
  font-size: 10px;
}

.link {
  stroke: white;
}

JavaScript

/**
 * Created by eamonnmaguire on 05/01/2014.
 */

var graph = (function() {

    var json = {
	"nodes": [
		{"id": "0", "group": 1},
		{"id": "17179869184", "group": 1},
		{"id": "34359738368", "group": 1},
		{"id": "60129542144", "group": 1},
		{"id": "60129542145", "group": 1},
		{"id": "68719476736", "group": 1},
		{"id": "77309411328", "group": 1},
		{"id": "85899345920", "group": 1},
		{"id": "103079215104", "group": 1},
		{"id": "120259084288", "group": 1},
		{"id": "137438953472", "group": 1},
		{"id": "137438953473", "group": 1},
		{"id": "146028888064", "group": 1},
		{"id": "146028888065", "group": 1},
		{"id": "154618822656", "group": 1},
		{"id": "197568495616", "group": 1},
		{"id": "206158430208", "group": 1},
		{"id": "206158430209", "group": 1},
		{"id": "231928233986", "group": 1},
		{"id": "231928233984", "group": 1},
		{"id": "231928233985", "group": 1},
		{"id": "274877906944", "group": 1},
		{"id": "283467841536", "group": 1},
		{"id": "283467841537", "group": 1},
		{"id": "300647710720", "group": 1},
		{"id": "326417514496", "group": 1},
		{"id": "343597383680", "group": 1},
		{"id": "369367187456", "group": 1},
		{"id": "377957122048", "group": 1},
		{"id": "386547056640", "group": 1},
		{"id": "403726925824", "group": 1},
		{"id": "429496729600", "group": 1},
		{"id": "463856467968", "group": 1},
		{"id": "472446402560", "group": 1},
		{"id": "472446402561", "group": 1},
		{"id": "506806140928", "group": 1},
		{"id": "506806140929", "group": 1},
		{"id": "523986010112", "group": 1},
		{"id": "523986010113", "group": 1},
		{"id": "541165879296", "group": 1},
		{"id": "549755813888", "group": 1},
		{"id": "584115552256", "group": 1},
		{"id": "584115552257", "group": 1},
		{"id": "609885356032", "group": 1},
		{"id": "627065225218", "group": 1},
		{"id": "627065225216", "group": 1},
		{"id": "627065225217", "group": 1},
		{"id": "635655159808", "group": 1},
		{"id": "644245094400", "group": 1},
		{"id": "652835028992", "group":...