JavaScript
var data = {
"nodes":[
{"name":"ios","NumOccurrences":"500","color":"green"},
{"name":"string","NumOccurrences":"20","color":"blue"},
{"name":"python","NumOccurrences":"30","color":"red"},
{"name":"list","NumOccurrences":"40","color":"gray"},
{"name":"manipulation","NumOccurrences":"80","color":"pink"},
{"name":"readline","NumOccurrences":"50","color":"yellow"},
{"name":"vb.net","NumOccurrences":"60","color":"purpal"},
{"name":"application","group":"70","color":"black"},
{"name":"application","group":"52","color":"#999"},
{"name":"console","NumOccurrences":"65","color":"brown"}
],
"links":[
{"source":0,"target":1},
{"source":1,"target":2},
{"source":2,"target":3},
{"source":3,"target":4},
{"source":5,"target":6},
{"source":6,"target":7},
{"source":7,"target":8},
{"source":8,"target":0},
{"source":9,"target":0},
{"source":3,"target":4},
{"source":0,"target":5},
{"source":0,"target":6},
{"source":0,"target":7},
{"source":0,"target":8},
{"source":5,"target":6},
{"source":5,"target":7},
{"source":5,"target":8},
{"source":6,"target":7},
{"source":6,"target":8},
{"source":4,"target":0},
{"source":7,"target":8}
]
};
var width = 760,
height = 600,
colors = d3.scale.category10();
//scale for circles
var rScale = d3.scale.linear()
.domain( [0, d3.max(data.nodes, function(d) { return parseInt(d.NumOccurrences); }) ] )
.range( [10, 20] );
// set up SVG for D3
var svg = d3.select('#graph')
.append('svg')
.attr('width', width)
.attr('height', height)
.append("svg:g");
// init D3 force layout
var force = d3.layout.force()
...