2b:null 2c:["$","title",null,{"children":"Adding Points To Natural Earth | Harry Stevens | Observable"}] 31:[] 2f:{"id":"d479a6f50046a356","slug":"adding-a-point-to-natural-earth","title":"Adding Points To Natural Earth","thumbnail":"84d9762460b34a112ce506863da2e59ac3ba0ddee7ddb5f706b2e815b8fed130","access_level":"public","create_time":"$D2020-10-30T15:39:25.210Z","update_time":"$D2020-10-30T15:52:43.477Z","view_time":null,"first_public_time":"$D2020-10-30T15:49:11.879Z","fork":{"id":"f0687bfd2fb61623","slug":"natural-earth","title":"Natural Earth","owner":{"id":"863951e3ebe4c0ae","login":"d3","name":"D3"}},"stars":2,"starred":false,"owner":{"type":"team","id":"be420f6a83563b92","login":"harrystevens","name":"Harry Stevens","avatar_url":"https://avatars-next.observableusercontent.com/bc9bae4b7e30062b343ae978a13454e29cd3f2daf3a800d0024043686ddf094b","tier":"starter_2024"},"version":203,"publish_version":203,"role":null,"authored":false,"authors":[{"type":"individual","id":"61e2153e05789733","login":"harrystevens","name":"Harry Stevens","avatar_url":"https://avatars-next.observableusercontent.com/bc9bae4b7e30062b343ae978a13454e29cd3f2daf3a800d0024043686ddf094b","tier":null}],"members":[{"type":"individual","id":"61e2153e05789733","login":"harrystevens","name":"Harry Stevens","avatar_url":"https://avatars-next.observableusercontent.com/bc9bae4b7e30062b343ae978a13454e29cd3f2daf3a800d0024043686ddf094b","tier":null,"role":"editor"}],"comments":[],"custom_thumbnail":false,"trashed":false,"lapsed":null,"subscribed":null,"forks":2,"collection":null,"type":"notebook","body":{"title":"Adding Points To Natural Earth","cells":[{"id":1,"value":"md`# Adding Points To Natural Earth`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":101,"value":"viewof rotate = {\n const form = html``;\n form.oninput = () => form.value = JSON.parse(form.select.value);\n form.oninput();\n return form;\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":16,"value":"projection = d3.geoNaturalEarth1().rotate(rotate)","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":11,"value":"{\n const selection = d3Selection.select(map);\n const canvas = selection.node();\n const context = canvas.getContext(\"2d\");\n \n const path = d3.geoPath(projection)\n .context(context)\n .pointRadius(20);\n\n context.beginPath();\n context.fillStyle = \"tomato\";\n \n for (let i = 0, l = myGeoJSON.features.length; i < l; i++){\n const feature = myGeoJSON.features[i];\n path(feature);\n }\n \n context.fill()\n \n return canvas;\n}","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":162,"value":"myGeoJSON = ({\n type: \"FeatureCollection\",\n features: [\n {\n type: \"Point\",\n coordinates: [90, 0]\n },\n {\n type: \"Point\",\n coordinates: [-90, 0]\n }\n ]\n})","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":3,"value":"import {d3, map} with {projection} from \"@d3/world-map\"","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":153,"value":"d3Selection = require(\"d3-selection@2\")","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"}],"files":"$W31","stdlib":"1","titling":"auto"}} 30:"$2f:body"