The Natural Earth projection is available as d3.geo.naturalEarth in the geo.projection D3 plugin.
-
-
Save stuartpb/38fc23fe7e908e48ec94 to your computer and use it in GitHub Desktop.
Natural Earth
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| <!DOCTYPE html> | |
| <meta charset="utf-8"> | |
| <style> | |
| body { | |
| background: #fcfcfa; | |
| } | |
| .stroke { | |
| fill: none; | |
| stroke: #000; | |
| stroke-width: 3px; | |
| } | |
| .fill { | |
| fill: #fff; | |
| } | |
| .graticule { | |
| fill: none; | |
| stroke: #777; | |
| stroke-width: .5px; | |
| stroke-opacity: .5; | |
| } | |
| .land { | |
| fill: #222; | |
| } | |
| .boundary { | |
| fill: none; | |
| stroke: #fff; | |
| stroke-width: .5px; | |
| } | |
| </style> | |
| <body> | |
| <script src="https://cdnjs.cloudflare.com/ajax/libs/d3/3.5.5/d3.min.js"></script> | |
| <script src="https://cdnjs.cloudflare.com/ajax/libs/d3-geo-projection/0.2.9/d3.geo.projection.min.js"></script> | |
| <script src="https://cdnjs.cloudflare.com/ajax/libs/topojson/1.6.19/topojson.min.js"></script> | |
| <script> | |
| var width = 960, | |
| height = 500; | |
| var projection = d3.geo.naturalEarth() | |
| .scale(167) | |
| .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("defs").append("path") | |
| .datum({type: "Sphere"}) | |
| .attr("id", "sphere") | |
| .attr("d", path); | |
| svg.append("use") | |
| .attr("class", "stroke") | |
| .attr("xlink:href", "#sphere"); | |
| svg.append("use") | |
| .attr("class", "fill") | |
| .attr("xlink:href", "#sphere"); | |
| svg.append("path") | |
| .datum(graticule) | |
| .attr("class", "graticule") | |
| .attr("d", path); | |
| d3.json("ne_110m_land-topo.json", function(error, world) { | |
| if (error) throw error; | |
| svg.insert("path", ".graticule") | |
| .datum(topojson.feature(world, world.objects.ne_110m_land)) | |
| .attr("class", "land") | |
| .attr("d", path); | |
| }); | |
| d3.select(self.frameElement).style("height", height + "px"); | |
| </script> |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| {"type":"Topology","transform":{"scale":[0.0922367409684858,0.04397355803345161],"translate":[-180,-90.00000000000003]},"arcs":[[[1316,588],[-75,-78],[44,-80],[-5,-76],[-173,-90],[159,-76],[376,32],[-78,45],[74,38],[233,113],[184,39],[190,-11],[277,101],[176,-43],[-11,-54],[106,19],[56,51],[184,-1],[150,32],[79,-30],[163,26],[104,-20],[95,-37],[184,-72],[-56,-61],[-68,-149],[219,-86],[0,-120],[-3903,0],[0,120],[341,-20],[-30,187],[175,70],[206,1],[168,-24],[133,52],[132,-21],[79,21],[13,130],[51,61],[48,11]],[[3827,1116],[14,-19],[-54,-111],[-24,35],[64,95]],[[3845,1224],[36,-68],[-45,-8],[9,76]],[[2494,1738],[-6,-80],[-26,-179],[-33,-1],[-9,67],[8,106],[53,98],[13,-11]],[[3508,1734],[20,-28],[11,-90],[70,-144],[7,-65],[-7,-80],[-30,-109],[-41,-59],[-62,23],[-69,123],[-32,25],[-56,-16],[-27,-38],[-61,-27],[-24,65],[-26,178],[13,58],[68,49],[16,55],[36,69],[41,-4],[13,43],[31,17],[37,-13],[-16,-54],[41,-60],[47,82]],[[3406,2020],[3,-36],[42,24],[68,-49],[2,-86],[-23,-38],[-43,45],[-8,44],[-65,59],[24,37]],[[3099,1914],[-35,37],[-43,137],[52,-58],[29,-53],[-3,-63]],[[3229,2088],[-20,-124],[-62,16],[-13,56],[6,56],[37,25],[35,69],[32,-16],[-15,-82]],[[1343,3199],[33,-91],[-67,21],[34,70]],[[1919,3380],[38,-130],[0,-49],[-45,-12],[-18,40],[18,60],[-27,49],[34,42]],[[970,3627],[100,-8],[-1,-46],[-127,-116],[-16,-43],[40,-65],[94,-48],[62,31],[-22,52],[5,80],[46,3],[100,-48],[55,-117],[42,-69],[-47,-44],[-55,-23],[7,-68],[-62,-58],[-5,-50],[-37,-19],[-19,-116],[-62,-109],[-143,-29],[-29,-48],[-6,-112],[38,-98],[39,26],[6,39],[35,13],[-14,-114],[56,-35],[-8,-83],[27,-59],[20,19],[29,-22],[15,45],[72,19],[79,-36],[48,-88],[46,-13],[17,-28],[29,-101],[78,-61],[16,1],[51,-59],[2,-80],[-42,-109],[-9,-132],[-24,-77],[-48,-25],[-22,-41],[-5,-63],[-65,-143],[-78,-130],[-24,-50],[-14,-100],[-75,-143],[-26,29],[-8,128],[11,20],[16,196],[19,107],[15,251],[-3,69],[-62,85],[-40,169],[-16,24],[10,62],[-7,54],[41,111],[-3,65],[-18,52],[-42,-17],[-31,43],[-23,69],[-36,17],[-37,52],[-20,-12],[-92,83],[-11,79],[-35,83],[-56,16],[-31,134],[-33,32],[-37,102],[-10,210],[-30,61],[-72,165],[-151,43],[-105,-55],[-92,89],[17,38],[-38,57],[67,106],[276,-33],[98,34],[190,-54],[124,-5],[86,39]],[[714,3710],[95,-11],[-6,-79],[-80,-15],[-66,69],[57,36]],[[1013,3710],[46,14],[219,-173],[-44,-96],[-127,77],[57,45],[-50,56],[-133,23],[32,54]],[[3111,3797],[76,-77],[287,-17],[180,-41],[42,-36],[161,10],[46,-21],[0,-91],[-7,-45],[-94,-60],[-77,-11],[-16,-114],[-58,-87],[-14,99],[50,118],[-36,20],[-60,-61],[-98,6],[-77,-98],[68,-37],[-14,-106],[-56,-114],[-28,-3],[-52,-80],[-108,-23],[23,-36],[-6,-51],[32,-116],[-37,-120],[-30,-40],[-44,-28],[-36,4],[-31,-61],[35,-86],[3,-82],[-43,-70],[-46,110],[-20,-79],[15,-57],[31,-59],[-21,-48],[-32,128],[1,108],[-15,87],[-31,29],[-44,82],[-41,-38],[-67,-97],[-5,-126],[-35,-33],[-33,161],[-10,122],[-23,-11],[-45,104],[-53,-8],[-44,15],[-64,48],[3,-87],[40,32],[47,-71],[-22,-74],[-27,-42],[-72,-73],[-56,-31],[-9,94],[-38,103],[-7,54],[-37,100],[-19,-8],[38,-130],[7,-77],[19,-61],[44,-81],[9,-44],[76,36],[-18,-119],[-32,-89],[-68,-124],[-16,-76],[18,-110],[4,-89],[-15,-47],[-50,-69],[7,-99],[-27,-28],[-6,-67],[-46,-102],[-26,-26],[-67,-20],[-48,176],[-10,113],[-28,124],[21,105],[-18,159],[-34,89],[11,96],[-14,38],[-29,-11],[-17,45],[-68,-35],[-60,-9],[-59,79],[-40,99],[4,181],[-8,20],[28,120],[53,83],[10,76],[29,57],[41,-14],[39,33],[88,17],[17,-92],[86,-69],[20,55],[87,-41],[58,8],[19,78],[-38,33],[-53,12],[-16,64],[34,40],[64,19],[34,-25],[34,38],[-43,46],[-1,54],[-93,-48],[-27,-108],[-38,-11],[-36,46],[-80,0],[-35,61],[-63,-30],[-57,-145],[-73,4],[-7,43],[17,114],[66,-8],[-12,94],[140,160],[46,-19],[77,33],[-2,36],[75,61],[-100,14],[-31,-90],[-36,4],[-24,72],[-51,-20],[-7,77],[60,57],[93,121],[98,32],[171,-117],[106,64],[106,15],[70,80],[114,14],[287,75]],[[2484,2985],[1,-84],[50,-14],[10,91],[-37,50],[-1,89],[-49,-56],[26,-76]],[[1209,3937],[71,-17],[-202,-141],[-119,130],[250,28]],[[1658,3946],[161,-51],[-81,-57],[3,-102],[-32,-95],[-58,-37],[-131,-69],[-39,-122],[-53,18],[-62,144],[0,99],[-50,90],[-107,12],[-51,54],[114,76],[386,40]]],"objects":{"ne_110m_land":{"type":"GeometryCollection","geometries":[{"type":null,"properties":{"featurecla":"Country","scalerank":1}},{"type":null,"properties":{"featurecla":"Country","scalerank":1}},{"type":null,"properties":{"featurecla":"Country","scalerank":1}},{"type":null,"properties":{"featurecla":"Country","scalerank":1}},{"type":null,"properties":{"featurecla":"Country","scalerank":1}},{"type":null,"properties":{"featurecla":"Country","scalerank":1}},{"type":null,"properties":{"featurecla":"Country","scalerank":1}},{"arcs":[[0]],"type":"Polygon","properties":{"featurecla":"Country","scalerank":1}},{"type":null,"properties":{"featurecla":"Country","scalerank":1}},{"type":null,"properties":{"featurecla":"Country","scalerank":1}},{"type":null,"properties":{"featurecla":"Country","scalerank":1}},{"type":null,"properties":{"featurecla":"Country","scalerank":1}},{"arcs":[[1]],"type":"Polygon","properties":{"featurecla":"Country","scalerank":1}},{"arcs":[[2]],"type":"Polygon","properties":{"featurecla":"Country","scalerank":1}},{"type":null,"properties":{"featurecla":"Country","scalerank":1}},{"type":null,"properties":{"featurecla":"Country","scalerank":1}},{"type":null,"properties":{"featurecla":"Country","scalerank":1}},{"type":null,"properties":{"featurecla":"Country","scalerank":1}},{"type":null,"properties":{"featurecla":"Country","scalerank":1}},{"type":null,"properties":{"featurecla":"Country","scalerank":1}},{"arcs":[[3]],"type":"Polygon","properties":{"featurecla":"Country","scalerank":1}},{"arcs":[[4]],"type":"Polygon","properties":{"featurecla":"Country","scalerank":1}},{"type":null,"properties":{"featurecla":"Country","scalerank":1}},{"type":null,"properties":{"featurecla":"Country","scalerank":1}},{"type":null,"properties":{"featurecla":"Country","scalerank":1}},{"type":null,"properties":{"featurecla":"Country","scalerank":1}},{"type":null,"properties":{"featurecla":"Country","scalerank":1}},{"type":null,"properties":{"featurecla":"Country","scalerank":1}},{"type":null,"properties":{"featurecla":"Country","scalerank":1}},{"type":null,"properties":{"featurecla":"Country","scalerank":1}},{"type":null,"properties":{"featurecla":"Country","scalerank":1}},{"type":null,"properties":{"featurecla":"Country","scalerank":1}},{"type":null,"properties":{"featurecla":"Country","scalerank":1}},{"type":null,"properties":{"featurecla":"Country","scalerank":1}},{"type":null,"properties":{"featurecla":"Country","scalerank":1}},{"type":null,"properties":{"featurecla":"Country","scalerank":1}},{"type":null,"properties":{"featurecla":"Country","scalerank":1}},{"type":null,"properties":{"featurecla":"Country","scalerank":1}},{"arcs":[[5]],"type":"Polygon","properties":{"featurecla":"Country","scalerank":1}},{"type":null,"properties":{"featurecla":"Country","scalerank":1}},{"type":null,"properties":{"featurecla":"Country","scalerank":1}},{"arcs":[[6]],"type":"Polygon","properties":{"featurecla":"Country","scalerank":1}},{"arcs":[[7]],"type":"Polygon","properties":{"featurecla":"Country","scalerank":1}},{"type":null,"properties":{"featurecla":"Country","scalerank":1}},{"type":null,"properties":{"featurecla":"Country","scalerank":1}},{"type":null,"properties":{"featurecla":"Country","scalerank":1}},{"type":null,"properties":{"featurecla":"Country","scalerank":1}},{"type":null,"properties":{"featurecla":"Country","scalerank":1}},{"type":null,"properties":{"featurecla":"Country","scalerank":1}},{"type":null,"properties":{"featurecla":"Country","scalerank":1}},{"type":null,"properties":{"featurecla":"Country","scalerank":1}},{"type":null,"properties":{"featurecla":"Country","scalerank":1}},{"type":null,"properties":{"featurecla":"Country","scalerank":1}},{"type":null,"properties":{"featurecla":"Country","scalerank":1}},{"type":null,"properties":{"featurecla":"Country","scalerank":1}},{"type":null,"properties":{"featurecla":"Country","scalerank":1}},{"type":null,"properties":{"featurecla":"Country","scalerank":1}},{"type":null,"properties":{"featurecla":"Country","scalerank":1}},{"type":null,"properties":{"featurecla":"Country","scalerank":1}},{"type":null,"properties":{"featurecla":"Country","scalerank":1}},{"type":null,"properties":{"featurecla":"Country","scalerank":1}},{"type":null,"properties":{"featurecla":"Country","scalerank":1}},{"type":null,"properties":{"featurecla":"Country","scalerank":1}},{"type":null,"properties":{"featurecla":"Country","scalerank":1}},{"type":null,"properties":{"featurecla":"Country","scalerank":1}},{"type":null,"properties":{"featurecla":"Country","scalerank":1}},{"type":null,"properties":{"featurecla":"Country","scalerank":1}},{"type":null,"properties":{"featurecla":"Country","scalerank":1}},{"type":null,"properties":{"featurecla":"Country","scalerank":1}},{"type":null,"properties":{"featurecla":"Country","scalerank":1}},{"type":null,"properties":{"featurecla":"Country","scalerank":1}},{"type":null,"properties":{"featurecla":"Country","scalerank":1}},{"type":null,"properties":{"featurecla":"Country","scalerank":1}},{"type":null,"properties":{"featurecla":"Country","scalerank":1}},{"type":null,"properties":{"featurecla":"Country","scalerank":1}},{"type":null,"properties":{"featurecla":"Country","scalerank":1}},{"type":null,"properties":{"featurecla":"Country","scalerank":1}},{"arcs":[[8]],"type":"Polygon","properties":{"featurecla":"Country","scalerank":1}},{"type":null,"properties":{"featurecla":"Country","scalerank":1}},{"type":null,"properties":{"featurecla":"Country","scalerank":1}},{"type":null,"properties":{"featurecla":"Country","scalerank":1}},{"type":null,"properties":{"featurecla":"Country","scalerank":1}},{"type":null,"properties":{"featurecla":"Country","scalerank":1}},{"arcs":[[9]],"type":"Polygon","properties":{"featurecla":"Country","scalerank":1}},{"type":null,"properties":{"featurecla":"Country","scalerank":1}},{"type":null,"properties":{"featurecla":"Country","scalerank":1}},{"type":null,"properties":{"featurecla":"Country","scalerank":1}},{"type":null,"properties":{"featurecla":"Country","scalerank":1}},{"type":null,"properties":{"featurecla":"Country","scalerank":1}},{"type":null,"properties":{"featurecla":"Country","scalerank":1}},{"type":null,"properties":{"featurecla":"Country","scalerank":1}},{"type":null,"properties":{"featurecla":"Country","scalerank":1}},{"type":null,"properties":{"featurecla":"Country","scalerank":1}},{"type":null,"properties":{"featurecla":"Country","scalerank":1}},{"type":null,"properties":{"featurecla":"Country","scalerank":1}},{"arcs":[[10]],"type":"Polygon","properties":{"featurecla":"Country","scalerank":1}},{"arcs":[[11]],"type":"Polygon","properties":{"featurecla":"Country","scalerank":1}},{"type":null,"properties":{"featurecla":"Country","scalerank":1}},{"type":null,"properties":{"featurecla":"Country","scalerank":1}},{"arcs":[[12]],"type":"Polygon","properties":{"featurecla":"Country","scalerank":1}},{"type":null,"properties":{"featurecla":"Country","scalerank":1}},{"type":null,"properties":{"featurecla":"Country","scalerank":1}},{"type":null,"properties":{"featurecla":"Country","scalerank":1}},{"type":null,"properties":{"featurecla":"Country","scalerank":1}},{"type":null,"properties":{"featurecla":"Country","scalerank":1}},{"type":null,"properties":{"featurecla":"Country","scalerank":1}},{"type":null,"properties":{"featurecla":"Country","scalerank":1}},{"type":null,"properties":{"featurecla":"Country","scalerank":1}},{"type":null,"properties":{"featurecla":"Country","scalerank":1}},{"type":null,"properties":{"featurecla":"Country","scalerank":1}},{"type":null,"properties":{"featurecla":"Country","scalerank":1}},{"type":null,"properties":{"featurecla":"Country","scalerank":1}},{"arcs":[[13],[14]],"type":"Polygon","properties":{"featurecla":"Country","scalerank":1}},{"type":null,"properties":{"featurecla":"Country","scalerank":1}},{"type":null,"properties":{"featurecla":"Country","scalerank":1}},{"type":null,"properties":{"featurecla":"Country","scalerank":1}},{"type":null,"properties":{"featurecla":"Country","scalerank":1}},{"type":null,"properties":{"featurecla":"Country","scalerank":1}},{"type":null,"properties":{"featurecla":"Country","scalerank":1}},{"type":null,"properties":{"featurecla":"Country","scalerank":1}},{"type":null,"properties":{"featurecla":"Country","scalerank":1}},{"type":null,"properties":{"featurecla":"Country","scalerank":1}},{"type":null,"properties":{"featurecla":"Country","scalerank":1}},{"type":null,"properties":{"featurecla":"Country","scalerank":1}},{"type":null,"properties":{"featurecla":"Country","scalerank":1}},{"arcs":[[15]],"type":"Polygon","properties":{"featurecla":"Country","scalerank":1}},{"arcs":[[16]],"type":"Polygon","properties":{"featurecla":"Country","scalerank":1}}]}}} |
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment