The Lambert conformal conic projection is available as d3.geoConicConformal in d3-geo. See also a map of Europe in this projection.
forked from mbostock's block: Canada Lambert Conformal Conic
| license: gpl-3.0 |
The Lambert conformal conic projection is available as d3.geoConicConformal in d3-geo. See also a map of Europe in this projection.
forked from mbostock's block: Canada Lambert Conformal Conic
| <!DOCTYPE html> | |
| <meta charset="utf-8"> | |
| <svg width="960" height="500"></svg> | |
| <script src="https://d3js.org/d3.v4.min.js"></script> | |
| <script src="https://d3js.org/topojson.v2.min.js"></script> | |
| <script> | |
| var svg = d3.select("svg"), | |
| width = +svg.attr("width"), | |
| height = +svg.attr("height"); | |
| var projection = d3.geoConicConformal() | |
| .rotate([98, 0]) | |
| .center([0, 60]) | |
| .parallels([-10, 85.5]) | |
| .scale(1000) | |
| var path = d3.geoPath() | |
| .projection(projection); | |
| svg.append("path") | |
| .attr("id", "graticule") | |
| .attr("fill", "none") | |
| .attr("stroke", "#777") | |
| .attr("stroke-width", 0.5) | |
| .attr("stroke-opacity", 0.5) | |
| .attr("d", path(d3.geoGraticule10())); | |
| svg.append("path") | |
| .attr("fill", "none") | |
| .attr("stroke", "#000") | |
| .attr("d", path({type: "Sphere"})); | |
| d3.json("https://d3js.org/world-50m.v1.json", function(error, world) { | |
| if (error) throw error; | |
| svg.insert("path", "#graticule") | |
| .datum(topojson.feature(world, world.objects.land)) | |
| .attr("fill", "#222") | |
| .attr("d", path); | |
| svg.insert("path", "#graticule") | |
| .datum(topojson.mesh(world, world.objects.countries, function(a, b) { return a !== b; })) | |
| .attr("fill", "none") | |
| .attr("stroke", "#fff") | |
| .attr("stroke-width", 0.5) | |
| .attr("d", path); | |
| }); | |
| </script> |
| ���� JFIF 8 8 ��DICC_PROFILE 4appl mntrRGB XYZ � acspAPPL APPL �� �-appl desc P bdscm � cprt � #wtpt � rXYZ gXYZ bXYZ 0 rTRC D aarg P vcgt p 0ndin � >chad � ,mmod (bTRC D gTRC D aabg P aagg P desc Display mluc " |