2b:null 2c:["$","title",null,{"children":"Sketchy Earth | D3 | Observable"}] 31:[{"id":"eec657afeffb70691657f56f78ce546cc20861c628c4272d902fb7ff94d07a73737fd5356d255cef2a092de8322c56bbbc4f0f6a3c0c12864101f37ec6da9321","href":"https://static.observableusercontent.com/files/eec657afeffb70691657f56f78ce546cc20861c628c4272d902fb7ff94d07a73737fd5356d255cef2a092de8322c56bbbc4f0f6a3c0c12864101f37ec6da9321","name":"land-110m.json","type":"application/octet-stream","lastModified":1588004359998.343,"size":55207}] 2f:{"id":"12de21535ed18022","slug":"sketchy-earth","title":"Sketchy Earth","thumbnail":"0306cc553f42507c865aeaab062fa9cef102258decea23d1ffac56422673317b","access_level":"public","create_time":"$D2020-04-27T16:19:19.998Z","update_time":"$D2023-10-10T07:03:17.085Z","view_time":null,"first_public_time":"$D2020-04-27T16:55:20.501Z","fork":{"id":"1ea380bf05fbf68c","slug":"versor-zooming","title":"Versor Zooming","owner":{"id":"863951e3ebe4c0ae","login":"d3","name":"D3"}},"stars":44,"starred":false,"owner":{"type":"team","id":"863951e3ebe4c0ae","login":"d3","name":"D3","avatar_url":"https://avatars-next.observableusercontent.com/5af16e327a90b2873351dda8a596c0d2d3bf954f64523deefe80177c9764d0f7","tier":"pro_2024"},"version":476,"publish_version":null,"role":null,"authored":false,"authors":[{"type":"individual","id":"074c414ad1d825f5","login":"mbostock","name":"Mike Bostock","avatar_url":"https://avatars-next.observableusercontent.com/7dbba99ced40bd5ab8013c99b1a11da61231bce321ba1148a9d16ad0f121550a","tier":null}],"members":[{"type":"team","id":"863951e3ebe4c0ae","login":"d3","name":"D3","avatar_url":"https://avatars-next.observableusercontent.com/5af16e327a90b2873351dda8a596c0d2d3bf954f64523deefe80177c9764d0f7","tier":"pro_2024","role":"editor"}],"comments":[],"custom_thumbnail":false,"trashed":false,"subscribed":null,"forks":47,"collection":{"id":"cabc4d5681f3b2dc","slug":"d3-geo","title":"d3-geo","owner":{"id":"863951e3ebe4c0ae","login":"d3","name":"D3"}},"type":"notebook","body":{"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"},{"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"},{"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"},{"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"},{"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 function render() {\n outline.attr(\"d\", path(sphere));\n feature.attr(\"d\", path(land));\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"},{"id":384,"value":"path = geoCurvePath(curve, projection)","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$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"},{"id":366,"value":"sphere = ({type: \"Sphere\"})","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$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"},{"id":329,"value":"world = FileAttachment(\"land-110m.json\").json()","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":18,"value":"topojson = require(\"topojson@3\")","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":357,"value":"import {zoom} from \"@d3/versor-zooming\"","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":320,"value":"import {geoCurvePath} from \"@d3/context-to-curve\"","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"}],"files":"$W31","stdlib":"1","titling":"auto"}} 30:"$2f:body"