31:T407,map = { const clipIn = DOM.uid(); const clipOut = DOM.uid(); return html``; }32:[{"id":"efcaaf9f0b260e09b6afeaee6dbc1b91ad45f3328561cd67eb16a1754096c1095f70d284acdc4b004910e89265b60eba2706334e0dc84ded38fd9209083d4cef","href":"https://static.observableusercontent.com/files/efcaaf9f0b260e09b6afeaee6dbc1b91ad45f3328561cd67eb16a1754096c1095f70d284acdc4b004910e89265b60eba2706334e0dc84ded38fd9209083d4cef","name":"land-50m.json","type":"application/octet-stream","lastModified":1572391621746.685,"size":545534}] 2f:{"title":"Graticule labels (stereographic)","cells":[{"id":1,"value":"

Graticule labels (stereographic)

D3 › Gallery

\n\n# Graticule labels (stereographic)","pinned":false,"hidden":false,"mode":"md"},{"id":11,"value":"$31","pinned":true,"hidden":false,"mode":"ojs"},{"id":207,"value":"formatLatitude = y => `${Math.abs(y)}°${y < 0 ? \"S\" : \"N\"}`","pinned":true,"hidden":false,"mode":"ojs"},{"id":210,"value":"formatLongitude = x => `${Math.abs(x)}°${x < 0 ? \"W\" : \"E\"}`","pinned":true,"hidden":false,"mode":"ojs"},{"id":111,"value":"path = d3.geoPath(projection)","pinned":true,"hidden":false,"mode":"ojs"},{"id":265,"value":"longitude = -100","pinned":true,"hidden":false,"mode":"ojs"},{"id":16,"value":"projection = d3.geoStereographic().rotate([-longitude, 0])","pinned":true,"hidden":false,"mode":"ojs"},{"id":255,"value":"offset = ([x, y], k) => {\n const [cx, cy] = projection.translate();\n const dx = x - cx, dy = y - cy;\n k /= Math.hypot(dx, dy);\n return [x + dx * k, y + dy * k];\n}","pinned":true,"hidden":false,"mode":"ojs"},{"id":283,"value":"marginTop = 30","pinned":true,"hidden":false,"mode":"ojs"},{"id":285,"value":"marginRight = 40","pinned":true,"hidden":false,"mode":"ojs"},{"id":155,"value":"marginBottom = 30","pinned":true,"hidden":false,"mode":"ojs"},{"id":287,"value":"marginLeft = 40","pinned":true,"hidden":false,"mode":"ojs"},{"id":75,"value":"height = {\n const [[x0, y0], [x1, y1]] = d3.geoPath(projection.fitWidth(width, outline)).bounds(outline);\n const dx = x1 - x0;\n const k = (dx - marginLeft - marginRight) / dx;\n const dy = (y1 - y0) * k + marginBottom + marginTop;\n projection.scale(projection.scale() * k);\n projection.translate([(dx + marginLeft - marginRight) / 2, (dy + marginTop - marginBottom) / 2]);\n projection.precision(0.2);\n return Math.round(dy);\n}","pinned":true,"hidden":false,"mode":"ojs"},{"id":79,"value":"outline = d3.geoCircle().radius(90).center([longitude, 0])()","pinned":true,"hidden":false,"mode":"ojs"},{"id":36,"value":"graticule = d3.geoGraticule10()","pinned":true,"hidden":false,"mode":"ojs"},{"id":38,"value":"land = topojson.feature(world, world.objects.land)","pinned":true,"hidden":false,"mode":"ojs"},{"id":7,"value":"world = FileAttachment(\"land-50m.json\").json()","pinned":true,"hidden":false,"mode":"ojs"}],"files":"$W32","stdlib":"1","titling":"auto"}