2e:null 2f:["$","title",null,{"children":"DIY Mercator | Eric Xia | Observable"}] 34:[{"id":"eec657afeffb70691657f56f78ce546cc20861c628c4272d902fb7ff94d07a73737fd5356d255cef2a092de8322c56bbbc4f0f6a3c0c12864101f37ec6da9321","href":"https://static.observableusercontent.com/files/eec657afeffb70691657f56f78ce546cc20861c628c4272d902fb7ff94d07a73737fd5356d255cef2a092de8322c56bbbc4f0f6a3c0c12864101f37ec6da9321","name":"land-110m.json","type":"application/octet-stream","lastModified":1653609642800.452,"size":55207}] 32:{"id":"a4b0734970cac8ac","slug":"sketchy-earth","title":"DIY Mercator","thumbnail":"9c292f6247ab19d535da1832c6c3940310bec25a5bd28ca2300db23a4b5718bf","access_level":"public","create_time":"$D2022-05-27T00:00:42.800Z","update_time":"$D2022-05-31T17:04:01.970Z","view_time":null,"first_public_time":"$D2022-05-27T00:10:26.247Z","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":"24d7ab16ed0438f8","login":"759c6b835359aafe","name":"Eric Xia","avatar_url":"https://avatars-next.observableusercontent.com/516ab664028448c5b948f8e21029dcfe77d179e03adb7832e850c7c9a0950bf7","tier":"starter_2024"},"version":499,"publish_version":499,"role":null,"authored":false,"authors":[{"type":"individual","id":"759c6b835359aafe","login":"759c6b835359aafe","name":"Eric Xia","avatar_url":"https://avatars-next.observableusercontent.com/516ab664028448c5b948f8e21029dcfe77d179e03adb7832e850c7c9a0950bf7","tier":null}],"members":[{"type":"individual","id":"759c6b835359aafe","login":"759c6b835359aafe","name":"Eric Xia","avatar_url":"https://avatars-next.observableusercontent.com/516ab664028448c5b948f8e21029dcfe77d179e03adb7832e850c7c9a0950bf7","tier":null,"role":"editor"}],"comments":[],"custom_thumbnail":false,"trashed":false,"lapsed":null,"subscribed":null,"forks":0,"collection":null,"type":"notebook","body":{"title":"DIY Mercator","cells":[{"id":0,"value":"# DIY Mercator \n\nThis is just a fork of Sketchy Earth with colors, and hardset parameters. Instead it just focuses on the idea that you can move the center by clicking and dragging and create absurdly different layouts of the earth.","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","output":"","database":"$undefined"},{"id":127,"value":"viewof projection = {\n const form = html``;\n form.select.oninput = () => form.value = d3[\"geoMercator\"]().precision(0.1);\n form.select.oninput();\n return form;\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":387,"value":"viewof curve = {\n const form = html``;\n form.select.oninput = () => form.value = d3[\"curveLinearClosed\"];\n form.select.oninput();\n return form;\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":346,"value":"viewof minArea = {\n const form = html``;\n form.i.oninput = () => {\n form.value = 0.1\n };\n form.i.oninput();\n return form;\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$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\", \"blue\")\n .attr(\"stroke\", \"rgb(230,230,230)\");\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)).attr(\"fill\", \"rgb(230,230,230)\")\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","output":"$undefined","database":"$undefined"},{"id":384,"value":"path = geoCurvePath(curve, projection)","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$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","output":"$undefined","database":"$undefined"},{"id":366,"value":"sphere = ({type: \"Sphere\"})","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$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","output":"$undefined","database":"$undefined"},{"id":329,"value":"world = FileAttachment(\"land-110m.json\").json()","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":18,"value":"topojson = require(\"topojson@3\")","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":16,"value":"d3 = require(\"d3@6\")","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":357,"value":"import {zoom} from \"@d3/versor-zooming\"","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$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","output":"$undefined","database":"$undefined"}],"files":"$W34","stdlib":"1","titling":"auto"}} 33:"$32:body"