1d:{"title":"World Map (SVG)","cells":[{"id":0,"value":"md`# World Map (SVG)\n\nCompare to [Canvas](/@d3/world-map).`","pinned":false,"hidden":false,"mode":"ojs"},{"id":4,"value":"viewof projection = projectionInput({\n value: new URLSearchParams(location.search).get(\"projection\") || \"orthographic\",\n name: \"projection\"\n})","pinned":false,"hidden":false,"mode":"ojs"},{"id":29,"value":"map = html``","pinned":true,"hidden":false,"mode":"ojs"},{"id":40,"value":"path = d3.geoPath(projection)","pinned":true,"hidden":false,"mode":"ojs"},{"id":25,"value":"height = {\n const [[x0, y0], [x1, y1]] = d3.geoPath(projection.fitWidth(width, outline)).bounds(outline);\n const dy = Math.ceil(y1 - y0), l = Math.min(Math.ceil(x1 - x0), dy);\n projection.scale(projection.scale() * (l - 1) / l).precision(0.2);\n return dy;\n}","pinned":true,"hidden":false,"mode":"ojs"},{"id":22,"value":"outline = ({type: \"Sphere\"})","pinned":true,"hidden":false,"mode":"ojs"},{"id":19,"value":"graticule = d3.geoGraticule10()","pinned":true,"hidden":false,"mode":"ojs"},{"id":16,"value":"land = topojson.feature(world, world.objects.land)","pinned":true,"hidden":false,"mode":"ojs"},{"id":13,"value":"world = FileAttachment(\"land-50m.json\").json()","pinned":true,"hidden":false,"mode":"ojs"},{"id":10,"value":"topojson = require(\"topojson-client@3\")","pinned":true,"hidden":false,"mode":"ojs"},{"id":7,"value":"d3 = require(\"d3-geo@2\", \"d3-geo-projection@3\")","pinned":true,"hidden":false,"mode":"ojs"},{"id":55,"value":"import {projectionInput} from \"@d3/projection-comparison\"","pinned":true,"hidden":false,"mode":"ojs"}],"files":"$W1f","stdlib":"1"}