D3
OG
Old school D3 from simpler times
All examples
By author
By category
About
phil-pedruco
Full window
Github gist
NYC Boroughs in d3
<!DOCTYPE html> <meta charset="utf-8"> <style> #boroughs { stroke: grey; stroke-width: 2px; fill: steelblue; } </style> <script src="https://d3js.org/d3.v3.min.js" charset="utf-8"></script> <body> <script> var width = 960, height = 500; var svg = d3.select("body").append("svg") .attr("width", width) .attr("height", height); d3.json("nyc.json", function(error, nyb) { console.log(nyb) var projection = d3.geo.mercator() .center([-73.94, 40.70]) .scale(50000) .translate([(width) / 2, (height)/2]); var path = d3.geo.path() .projection(projection); var g = svg.append("g"); g.append("g") .attr("id", "boroughs") .selectAll(".state") .data(nyb.features) .enter().append("path") .attr("class", function(d){ return d.properties.name; }) .attr("d", path); }); </script> </body> </html>
Modified
http://d3js.org/d3.v3.min.js
to a secure url
https://d3js.org/d3.v3.min.js