2b:null 2c:["$","title",null,{"children":"Graticule labels (gnomonic) | astroclockface | Observable"}] 31:[{"id":"efcaaf9f0b260e09b6afeaee6dbc1b91ad45f3328561cd67eb16a1754096c1095f70d284acdc4b004910e89265b60eba2706334e0dc84ded38fd9209083d4cef","href":"https://static.observableusercontent.com/files/efcaaf9f0b260e09b6afeaee6dbc1b91ad45f3328561cd67eb16a1754096c1095f70d284acdc4b004910e89265b60eba2706334e0dc84ded38fd9209083d4cef","name":"land-50m.json","type":"application/octet-stream","lastModified":1771431171339.467,"size":545534},{"id":"e3bebe8cad484df121c14903676dcf306d7482905b8a2abc990b5231e33077fd3a4e9b7f3bac4cba1ffb9a4f1ddab15a9699a56f46b81b1e44c60341d1dbc2ce","href":"https://static.observableusercontent.com/files/e3bebe8cad484df121c14903676dcf306d7482905b8a2abc990b5231e33077fd3a4e9b7f3bac4cba1ffb9a4f1ddab15a9699a56f46b81b1e44c60341d1dbc2ce","name":"world.json","type":"application/json","lastModified":1773411886457.344,"size":252665}] 2f:{"id":"423e77958710d691","slug":null,"title":"Graticule labels (gnomonic)","thumbnail":"674aa7c022c131be679bc936ddf60b9b0fb37b2cc3975a9b53a194ab35d35994","access_level":"public","create_time":"$D2026-02-18T16:12:51.339Z","update_time":"$D2026-03-13T18:35:39.909Z","view_time":null,"first_public_time":"$D2026-02-18T16:12:51.339Z","has_unpublished_edits":null,"fork":{"id":"9067ae08f51d55f2","slug":"graticule-labels-stereographic","title":"Graticule labels (stereographic)","owner":{"id":"863951e3ebe4c0ae","login":"d3","name":"D3"}},"stars":0,"starred":false,"owner":{"type":"team","id":"9aa4d20708b4bb78","login":"astroclockface","name":"astroclockface","avatar_url":"https://avatars-next.observableusercontent.com/045d8f6674c0be38934e97186c0283085a000586d0b839e7f7178a6cdffd1e00","tier":"starter_2024"},"version":381,"publish_version":null,"role":null,"authored":false,"authors":[{"type":"individual","id":"b0a8a3e973a4f485","login":"ronnie-bathoorn","name":"Ronnie Bathoorn","avatar_url":"https://avatars-next.observableusercontent.com/ee2cd0c7cb801fca20d88fd5c40aa3697e70ce6bdf4fdff970d8f02e931e00d0","tier":null}],"members":[{"type":"individual","id":"b0a8a3e973a4f485","login":"ronnie-bathoorn","name":"Ronnie Bathoorn","avatar_url":"https://avatars-next.observableusercontent.com/ee2cd0c7cb801fca20d88fd5c40aa3697e70ce6bdf4fdff970d8f02e931e00d0","tier":null,"role":"editor"}],"comments":[],"custom_thumbnail":false,"trashed":false,"lapsed":null,"subscribed":null,"forks":0,"collection":null,"type":"notebook","body":{"title":"Graticule labels (gnomonic)","cells":[{"id":1,"value":"

Graticule labels (gnomonic)

D3 › Gallery

\n\n# Graticule labels (gnomonic)","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","output":"","database":"$undefined"},{"id":11,"value":"map = {\n return html``;\n}","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":207,"value":"formatLatitude = y => `${Math.abs(y)}°${y < 0 ? \"S\" : \"N\"}`","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":210,"value":"formatLongitude = x => `${Math.abs(x)}°${x < 0 ? \"W\" : \"E\"}`","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":111,"value":"path = d3.geoPath(projection)","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":265,"value":"longitude = 4.92","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":309,"value":"latitude = 52.38","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":16,"value":"projection = d3.geoGnomonic().clipAngle(65).rotate([-longitude, latitude-90]).angle(0)","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"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","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":283,"value":"marginTop = 30","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":285,"value":"marginRight = 40","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":155,"value":"marginBottom = 30","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":287,"value":"marginLeft = 40","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"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","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":79,"value":"outline = d3.geoCircle().radius(90).center([longitude, latitude])()","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":330,"value":"tropic_cancer = d3.geoCircle().center([0, 90]).radius(90 - 23.43656)()","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":333,"value":"tropic_capricorn = d3.geoCircle().center([0, 90]).radius(90 + 23.43656)()","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":312,"value":"center = d3.geoCircle().radius(1).center([longitude, latitude])()","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":36,"value":"graticule = d3.geoGraticule10()","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":38,"value":"land = topojson.feature(land50m, land50m.objects.land)","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":7,"value":"land50m = FileAttachment(\"land-50m.json\").json()","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":355,"value":"world = FileAttachment(\"world.json\").json()","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"}],"files":"$W31","stdlib":"1","titling":"auto"}} 30:"$2f:body"