D3
OG
Old school D3 from simpler times
All examples
By author
By category
About
mbostock
Full window
Github gist
Winkel Tripel Graticule
<!DOCTYPE html> <meta charset="utf-8"> <style> .graticule { fill: none; stroke: #000; } .graticule.outline { stroke-width: 2px; } </style> <body> <script src="//d3js.org/d3.v3.min.js"></script> <script src="//d3js.org/d3.geo.projection.v0.min.js"></script> <script> var width = 960, height = 500; var projection = d3.geo.winkel3() .scale(150) .translate([width / 2, height / 2]) .precision(.1); var path = d3.geo.path() .projection(projection); var graticule = d3.geo.graticule(); var svg = d3.select("body").append("svg") .attr("width", width) .attr("height", height); svg.append("path") .datum(graticule) .attr("class", "graticule line") .attr("d", path); svg.append("path") .datum(graticule.outline) .attr("class", "graticule outline") .attr("d", path); </script>
https://d3js.org/d3.v3.min.js
https://d3js.org/d3.geo.projection.v0.min.js