2b:null 2c:["$","title",null,{"children":"Sketchy Earth | Andrew McNutt | Observable"}] 31:[{"id":"eec657afeffb70691657f56f78ce546cc20861c628c4272d902fb7ff94d07a73737fd5356d255cef2a092de8322c56bbbc4f0f6a3c0c12864101f37ec6da9321","href":"https://static.observableusercontent.com/files/eec657afeffb70691657f56f78ce546cc20861c628c4272d902fb7ff94d07a73737fd5356d255cef2a092de8322c56bbbc4f0f6a3c0c12864101f37ec6da9321","name":"land-110m.json","type":"application/octet-stream","lastModified":1686760826412.706,"size":55207}] 2f:{"id":"06d1c43d2b224a8b","slug":null,"title":"Sketchy Earth","thumbnail":"dbb3e9cf4669e03ee49c59c0514af9c5a2b622c2f0a35bb9dcd97f63921ce715","access_level":"public","create_time":"$D2023-06-14T16:40:26.412Z","update_time":"$D2023-06-14T16:46:24.903Z","view_time":null,"first_public_time":"$D2023-06-14T16:40:26.412Z","has_unpublished_edits":null,"fork":{"id":"12de21535ed18022","slug":"sketchy-earth","title":"Sketchy Earth","owner":{"id":"863951e3ebe4c0ae","login":"d3","name":"D3"}},"stars":0,"starred":false,"owner":{"type":"team","id":"05d5148e2bc6cbdf","login":"mcnuttandrew","name":"Andrew McNutt","avatar_url":"https://avatars-next.observableusercontent.com/4a7686eecc92a180abb425c902a52f5bcde1587fbf90446cc32c29b3b6ffb6e7","tier":"starter_2024","bio":"(Data Vis | HCI) Engineer/studier/person"},"version":484,"publish_version":null,"role":null,"authored":false,"authors":[{"type":"individual","id":"27e69557a2bd70fc","login":"mcnuttandrew","name":"Andrew McNutt","avatar_url":"https://avatars-next.observableusercontent.com/4a7686eecc92a180abb425c902a52f5bcde1587fbf90446cc32c29b3b6ffb6e7","tier":null,"bio":"(Data Vis | HCI) Engineer/studier/person"}],"members":[{"type":"individual","id":"27e69557a2bd70fc","login":"mcnuttandrew","name":"Andrew McNutt","avatar_url":"https://avatars-next.observableusercontent.com/4a7686eecc92a180abb425c902a52f5bcde1587fbf90446cc32c29b3b6ffb6e7","tier":null,"role":"editor"}],"comments":[],"custom_thumbnail":false,"trashed":false,"lapsed":null,"subscribed":null,"forks":0,"collection":null,"type":"notebook","body":{"titling":"auto","title":"Sketchy Earth","cells":[{"id":0,"value":"md`# Sketchy Earth\n\nFeel like coloring? Drag the globe into your desired orientation, click *Download SVG* by clicking the cell menu next to the globe below, then print.`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":127,"value":"viewof projection = {\n const form = html``;\n form.select.oninput = () => form.value = d3[form.select.value]().precision(0.1);\n form.select.oninput();\n return form;\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":387,"value":"viewof curve = {\n const form = html``;\n form.select.oninput = () => form.value = d3[form.select.value];\n form.select.oninput();\n return form;\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":346,"value":"viewof minArea = {\n const form = html``;\n form.i.oninput = () => {\n form.value = Math.pow(10, 2 - form.i.valueAsNumber);\n form.o.value = `${form.value.toFixed(2)} min. area`;\n };\n form.i.oninput();\n return form;\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":6,"value":"chart = {\n const svg = d3.create(\"svg\")\n .attr(\"viewBox\", [0, 0, width, height])\n .attr(\"fill\", \"none\")\n .attr(\"stroke\", \"currentColor\");\n\n const outline = svg.append(\"path\");\n\n const feature = svg.append(\"path\");\n\n const line = svg.append('path');\n \n function render() {\n outline.attr(\"d\", path(sphere));\n feature.attr(\"d\", path(land));\n line.attr('d', path(arc)).attr('stroke', 'red');\n }\n\n return svg\n .call(zoom(projection).on(\"zoom.render end.render\", render))\n .call(render)\n .node();\n}","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":476,"value":"arc = {\n const start = { lon: -74.0059, lat: 40.7128 }; // New York City\nconst end = { lon: 2.3522, lat: 48.8566 }; // Paris\n\n// Convert the start and end points to projected coordinates\nconst startCoords = projection([start.lon, start.lat]);\n console.log(startCoords);\nconst endCoords = projection([end.lon, end.lat]);\n return d3.geoCircle()\n .center([startCoords[0], startCoords[1]])\n .radius(10)\n .precision(0.1)();\n}","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":384,"value":"path = geoCurvePath(curve, projection)","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":12,"value":"height = {\n const [[x0, y0], [x1, y1]] = d3.geoPath(projection.fitWidth(width, sphere)).bounds(sphere);\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","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":366,"value":"sphere = ({type: \"Sphere\"})","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":327,"value":"land = {\n let topology = world;\n topology = topojson.presimplify(topology);\n topology = topojson.simplify(topology, minArea);\n return topojson.feature(topology, topology.objects.land);\n}","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":329,"value":"world = FileAttachment(\"land-110m.json\").json()","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":18,"value":"topojson = require(\"topojson@3\")","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":16,"value":"d3 = require(\"d3@6\")","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":357,"value":"import {zoom} from \"@d3/versor-zooming\"","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":320,"value":"import {geoCurvePath} from \"@d3/context-to-curve\"","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"}],"files":"$W31","stdlib":"1"}} 30:"$2f:body"