25:["$","title",null,{"children":"Delaunay, Voronoi & geoVoronoi | mheard03 | Observable"}] 49:T34ca,kyrgyzstan = ({"type":"Feature","geometry":{"type":"Polygon","coordinates":[[[80.209375,42.1900390625],[80.22919921875001,42.129833984375],[80.24619140625003,42.059814453125],[80.23515624999999,42.04345703125],[80.21621093750002,42.032421875],[79.90966796875,42.014990234375],[79.84042968750003,41.995751953124994],[79.76611328125,41.898876953125],[79.50390625,41.82099609375],[79.35439453125002,41.781054687499996],[79.29355468750003,41.7828125],[79.1484375,41.719140625],[78.74257812500002,41.56005859375],[78.54316406250001,41.4595703125],[78.44287109375,41.417529296874996],[78.36240234375003,41.371630859374996],[78.34882812500001,41.3251953125],[78.34628906250003,41.2814453125],[78.12343750000002,41.075634765625],[77.95644531250002,41.050683593749994],[77.81523437499999,41.055615234375],[77.71933593750003,41.024316406249994],[77.58173828125001,40.9927734375],[77.28398437499999,41.01435546875],[77.18203125000002,41.0107421875],[76.98662109374999,41.03916015625],[76.90771484375,41.024169921875],[76.82402343749999,40.982324218749994],[76.70839843750002,40.818115234375],[76.6611328125,40.779638671875],[76.63984375000001,40.742236328124996],[76.62216796875003,40.662353515625],[76.57792968749999,40.577880859375],[76.52089843750002,40.51123046875],[76.48017578125001,40.449511718749996],[76.39638671875002,40.389794921874994],[76.31855468750001,40.35224609375],[76.25830078125,40.43076171875],[76.2060546875,40.4083984375],[76.15664062500002,40.37646484375],[76.06230468749999,40.387548828125],[76.00429687500002,40.371435546875],[75.87197265625002,40.30322265625],[75.67714843750002,40.305810546874994],[75.65595703125001,40.329248046874994],[75.61738281250001,40.5166015625],[75.58349609375,40.605322265625],[75.55556640625002,40.6251953125],[75.52080078125002,40.6275390625],[75.24101562500002,40.480273437499996],[75.111328125,40.4541015625],[75.0044921875,40.449511718749996],[74.865625,40.493505859375],[74.83515625000001,40.4826171875],[74.8111328125,40.458789062499996],[74.80126953125,40.428515625],[74.841796875,40.344970703125],[74.83046875000002,40.328515625],[74.76777343750001,40.329882812499996],[74.67988281250001,40.310595703124996],[74.61308593750002,40.27216796875],[74.41191406250002,40.13720703125],[74.24267578125,40.092041015625],[74.08515625000001,40.07431640625],[74.0205078125,40.059375],[73.99160156250002,40.043115234374994],[73.93876953125002,39.978808593749996],[73.88457031250002,39.8779296875],[73.85625,39.828662109374996],[73.83535156250002,39.800146484375],[73.83974609375002,39.762841796874994],[73.88251953125001,39.71455078125],[73.9146484375,39.606494140624996],[73.90712890625002,39.578515625],[73.87275390625001,39.53330078125],[73.82294921875001,39.48896484375],[73.71572265625002,39.462255859375],[73.63164062500002,39.448876953124994],[73.57558593750002,39.4576171875],[73.47041015625001,39.460595703124994],[73.38740234375001,39.442724609375],[73.33613281250001,39.412353515625],[73.2349609375,39.374560546874996],[73.10927734375002,39.3619140625],[72.94941406250001,39.357080078124994],[72.87246093750002,39.360400390624996],[72.63994140625002,39.385986328125],[72.56337890625002,39.377197265625],[72.490234375,39.357373046875],[72.35771484375002,39.336865234375],[72.28720703125,39.273730468749996],[72.24980468750002,39.215673828125],[72.22998046875,39.20751953125],[72.14736328125002,39.2607421875],[72.08417968750001,39.31064453125],[72.04277343750002,39.3521484375],[71.99101562500002,39.350927734375],[71.80595703125002,39.2755859375],[71.77861328125002,39.277978515624994],[71.72568359375,39.306591796875],[71.7353515625,39.377734375],[71.73222656250002,39.422998046874994],[71.67265625000002,39.447070312499996],[71.54628906250002,39.453076171875],[71.50332031250002,39.478808593749996],[71.505859375,39.51708984375],[71.51738281250002,39.553857421874994],[71.50302734375,39.582177734374994],[71.4703125,39.603662109374994],[71.404296875,39.5978515625],[71.32851562500002,39.568701171875],[71.27285156250002,39.535302734374994],[71.202734375,39.519824218749996],[71.11806640625002,39.513574218749994],[71.0650390625,39.493408203125],[71.0048828125,39.411865234375],[70.79931640625,39.3947265625],[70.73310546875001,39.41328125],[70.67861328125002,39.4712890625],[70.60781250000002,39.564404296875],[70.56796875,39.57587890625],[70.50117187500001,39.587353515625],[70.39208984375,39.581884765625],[70.24482421875001,39.542626953124994],[70.20927734375002,39.575],[70.17109375000001,39.5841796875],[70.13681640625,39.557568359375],[70.10166015625,39.560595703124996],[69.95595703125002,39.553076171875],[69.7720703125,39.55673828125],[69.6669921875,39.57490234375],[69.59882812500001,39.573779296874996],[69.46328125000002,39.532080078125],[69.39150390625002,39.532470703125],[69.29765625000002,39.524804687499994],[69.2802734375,39.665869140625],[69.2291015625,39.761083984375],[69.2447265625,39.827099609375],[69.27880859375,39.917773437499996],[69.3072265625,39.968554687499996],[69.36542968750001,39.947070312499996],[69.43193359375002,39.909765625],[69.47626953125001,39.919726562499996],[69.487890625,39.950439453125],[69.47099609375002,39.990625],[69.46875,40.020751953125],[69.49365234375,40.060351562499996],[69.5302734375,40.097314453124994],[69.765234375,40.158007812499996],[69.966796875,40.20224609375],[70.07148437500001,40.172753906249994],[70.2744140625,40.104833984375],[70.37890625,40.069873046874996],[70.45136718750001,40.04921875],[70.51513671875,39.94990234375],[70.55683593750001,39.954492187499994],[70.59921875,39.974511718749994],[70.62412109375,39.998974609375],[70.64433593750002,40.083447265625],[70.73857421875002,40.131152343749996],[70.94638671875,40.18759765625],[70.9609375,40.220654296875],[70.9580078125,40.2388671875],[70.990625,40.2548828125],[71.09453125000002,40.271240234375],[71.3046875,40.286914062499996],[71.37617187500001,40.275195312499996],[71.45742187500002,40.241992187499996],[71.52041015625002,40.208984375],[71.58046875000002,40.210253906249996],[71.6298828125,40.217138671875],[71.65087890625,40.2080078125],[71.66679687500002,40.178613281249994],[71.69248046875,40.15234375],[71.77265625000001,40.188037109374996],[71.84541015625001,40.234326171875],[71.90273437500002,40.240966796875],[71.9556640625,40.25859375],[71.97109375000002,40.289501953125],[72.01259765625002,40.340722656249994],[72.13125,40.438623046874994],[72.19287109375,40.454443359375],[72.23281250000002,40.454394531249996],[72.23466796875002,40.438623046874994],[72.25400390625,40.42421875],[72.35771484375002,40.401660156249996],[72.3892578125,40.427392578124994],[72.40595703125001,40.4630859375],[72.3697265625,40.5197265625],[72.36904296875002,40.54345703125],[72.38261718750002,40.56513671875],[72.40205078125001,40.578076171875],[72.56748046875,40.524365234375],[72.6041015625,40.525439453124996],[72.67958984375002,40.555615234375],[72.74882812500002,40.608691406249996],[72.77382812500002,40.650390625],[73.112890625,40.786035156249994],[73.13691406250001,40.81064453125],[73.13212890625002,40.828515625],[72.99003906250002,40.860107421875],[72.92597656250001,40.842431640624994],[72.86660156250002,40.842333984374996],[72.83095703125002,40.862158203125],[72.65830078125,40.869921875],[72.62041015625002,40.8837890625],[72.50595703125,40.981689453125],[72.42734375,41.018945312499994],[72.36406250000002,41.04345703125],[72.294921875,41.039941406249994],[72.21308593750001,41.0142578125],[72.18730468750002,41.025927734374996],[72.1806640625,41.066845703125],[72.18095703125002,41.118457031249996],[72.16425781250001,41.173730468749994],[72.11542968750001,41.186572265624996],[72.05244140625001,41.16474609375],[71.95849609375,41.187060546874996],[71.87861328125001,41.19501953125],[71.8580078125,41.311376953125],[71.82578125,41.36103515625],[71.79248046875,41.413134765624996],[71.75771484375002,41.428027343749996],[71.70068359375,41.454003906249994],[71.697265625,41.515576171875],[71.68515625,41.533007812499996],[71.66494140625002,41.5412109375],[71.6375,41.5341796875],[71.60224609375001,41.503271484375],[71.61962890625,41.435449218749994],[71.60625,41.367431640625],[71.585546875,41.333251953125],[71.54560546875001,41.308056640625],[71.5,41.307470703125],[71.4208984375,41.34189453125],[71.40839843750001,41.136035156249996],[71.39306640625,41.123388671875],[71.298828125,41.152490234374994],[71.22343750000002,41.139941406249996],[71.11074218750002,41.152636718749996],[71.0259765625,41.186572265624996],[70.96259765625001,41.19599609375],[70.86044921875,41.224902343749996],[70.78242187500001,41.2625],[70.734375,41.400537109374994],[70.68886718750002,41.4498046875],[70.64589843750002,41.460351562499994],[70.47138671875001,41.412646484374996],[70.4078125,41.449560546875],[70.2900390625,41.496826171875],[70.20087890625001,41.514453125],[70.17695312500001,41.539990234375],[70.18095703125002,41.571435546874994],[70.45498046875002,41.725048828125],[70.56289062500002,41.830810546875],[70.630859375,41.87548828125],[70.72773437500001,41.905224609375],[70.8033203125,41.92265625],[70.84189453125,42.01962890625],[70.85664062500001,42.030810546874996],[70.91035156250001,42.037988281249994],[71.0322265625,42.077783203124994],[71.228515625,42.162890625],[71.23232421875002,42.186279296875],[71.21269531250002,42.206445312499994],[71.12998046875,42.25],[71.03603515625002,42.28466796875],[70.97900390625,42.266552734375],[70.94677734375,42.248681640624994],[70.89287109375002,42.293701171875],[70.89287109375002,42.339990234374994],[70.95234375000001,42.419384765625],[71.001953125,42.45908203125],[71.02275390625002,42.535449218749996],[71.09355468750002,42.5865234375],[71.16738281250002,42.667431640625],[71.25664062500002,42.733544921874994],[71.42207031250001,42.783154296875],[71.5142578125,42.766943359375],[71.60078125000001,42.778662109375],[71.73476562500002,42.818896484374996],[71.76054687500002,42.821484375],[71.81679687500002,42.822167968749994],[72.16181640625001,42.760693359375],[72.27578125000002,42.757666015625],[72.54316406250001,42.677734375],[72.66611328125,42.660400390625],[72.7529296875,42.637890625],[72.79238281250002,42.603466796875],[72.855078125,42.5611328125],[73.19082031250002,42.52685546875],[73.28291015625001,42.5041015625],[73.316015625,42.4669921875],[73.41162109375,42.419775390625],[73.49296875000002,42.409033203125],[73.421875,42.593505859375],[73.4501953125,42.703027343749994],[73.55625,43.002783203125],[73.61201171875001,43.047900390624996],[73.71855468750002,43.087890625],[73.88603515625002,43.132568359375],[73.94921875,43.19501953125],[74.08623046875002,43.188623046874994],[74.14589843750002,43.194091796875],[74.18681640625002,43.2052734375],[74.20908203125,43.240380859374994],[74.3638671875,43.179443359375],[74.62226562500001,43.056201171874996],[74.81757812500001,42.978173828124994],[75.04765625000002,42.90439453125],[75.3662109375,42.836962890624996],[75.63564453125002,42.814599609374994],[75.68173828125,42.83046875],[75.78955078125,42.932910156249996],[75.84033203125,42.9375],[75.9322265625,42.928515625],[76.21816406250002,42.923730468749994],[76.50917968750002,42.918896484375],[76.646484375,42.92880859375],[76.94404296875001,42.971484375],[76.98808593749999,42.973583984375],[77.05732421875001,42.970654296875],[77.23554687500001,42.912646484374996],[77.36855468750002,42.904443359374994],[77.45927734374999,42.904736328125],[77.51220703125,42.900048828124994],[77.62246093750002,42.902246093749994],[77.80166015625002,42.89521484375],[78.02314453125001,42.85751953125],[78.2900390625,42.86435546875],[78.3759765625,42.871484375],[78.52421874999999,42.864648437499994],[78.64228515625001,42.8287109375],[78.79150390625,42.790820312499996],[78.88515625000002,42.77490234375],[78.94794921875001,42.76669921875],[79.05986328124999,42.763818359374994],[79.12666015625001,42.775732421875],[79.16484374999999,42.759033203125],[79.20302734375002,42.666015625],[79.29550781250003,42.604833984375],[79.36777343750003,42.547216796875],[79.42822265625,42.48349609375],[79.49013671875002,42.457568359374996],[79.59843749999999,42.456640625],[79.80341796875001,42.4384765625],[79.92109375000001,42.413134765624996],[80.0712890625,42.302978515625],[80.209375,42.1900390625]],[[70.70166015625,39.82529296875],[70.6982421875,39.845849609374994],[70.66416015625,39.85546875],[70.56708984375001,39.866601562499994],[70.49775390625001,39.882421875],[70.48281250000002,39.882714843749994],[70.4892578125,39.863037109375],[70.51865234375,39.828173828124996],[70.5595703125,39.790917968749994],[70.61210937500002,39.786767578124994],[70.70166015625,39.82529296875]],[[71.77968750000002,39.950244140624996],[71.78994140625002,39.9953125],[71.76533203125001,39.99326171875],[71.73652343750001,39.98095703125],[71.68125,39.968652343749994],[71.6689453125,39.94609375],[71.70585937500002,39.917431640625],[71.7529296875,39.907128906249994],[71.77968750000002,39.950244140624996]],[[71.20615234375,39.892578125],[71.215625,39.906787109374996],[71.179296875,39.979833984375],[71.22871093750001,40.048144531249996],[71.13027343750002,40.05966796875],[71.08037109375002,40.079882812499996],[71.02412109375001,40.149169921875],[71.00546875,40.152294921875],[70.97626953125001,40.133251953125],[70.96064453125001,40.08798828125],[70.97441406250002,40.038867187499996],[71.01445312500002,40.005761718749994],[71.041015625,39.994921875],[71.04482421875002,39.992529296875],[71.04365234375001,39.976318359375],[71.01171875,39.8951171875],[71.06425781250002,39.884912109374994],[71.15625,39.883447265624994],[71.20615234375,39.892578125]]]},"properties":{"name":"Kyrgyzstan"}})4a:[] 29:{"id":"cd4b01a0a0afbf9a","slug":null,"title":"Delaunay, Voronoi & geoVoronoi","thumbnail":"a562dfcaad63a6055c55c76a97ba92ed86da63c30dbc6b80f849c6a46bb3799f","access_level":"public","create_time":"$D2023-12-11T01:24:47.642Z","update_time":"$D2023-12-11T16:14:28.196Z","view_time":null,"first_public_time":"$D2023-12-11T01:24:47.642Z","has_unpublished_edits":null,"fork":{"id":"82cfbb85761e9391","slug":"delaunay-voronoi","title":"Delaunay, Voronoi & geoVoronoi","owner":{"id":"6457aadd156df119","login":"neocarto","name":"Nicolas Lambert"}},"stars":0,"starred":false,"owner":{"type":"team","id":"02d4ccf8951f2f02","login":"mheard03","name":"","avatar_url":"https://avatars-next.observableusercontent.com/ae42ada5dc924d7cd620a4ae3bb6279a3e82fb649668ee6c0729bdada1ebf016","tier":"starter_2024","bio":"","following":false},"version":948,"publish_version":null,"role":null,"authored":false,"authors":[{"type":"individual","id":"6afb6cac5f188ec0","login":"mheard03","name":"","avatar_url":"https://avatars-next.observableusercontent.com/ae42ada5dc924d7cd620a4ae3bb6279a3e82fb649668ee6c0729bdada1ebf016","tier":null,"bio":"","following":false}],"members":[{"type":"individual","id":"6afb6cac5f188ec0","login":"mheard03","name":"","avatar_url":"https://avatars-next.observableusercontent.com/ae42ada5dc924d7cd620a4ae3bb6279a3e82fb649668ee6c0729bdada1ebf016","tier":null,"role":"editor"}],"comments":[],"custom_thumbnail":false,"trashed":false,"lapsed":null,"subscribed":null,"forks":0,"collection":null,"type":"notebook","body":{"titling":"auto","title":"Delaunay, Voronoi & geoVoronoi","cells":[{"id":0,"value":"md`# Delaunay, Voronoi & geoVoronoi`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":829,"value":"{\n const svg = d3\n .create(\"svg\")\n .attr(\"viewBox\", [0, 0, width, height])\n .style(\"width\", \"100%\")\n .style(\"height\", \"auto\")\n .style(\"background\", colors[0]);\n\n svg\n .append(\"path\")\n .datum(topojson.feature(world, world.objects.world_countries_data))\n .attr(\"fill\", colors[1])\n .attr(\"stroke-width\", 0.4)\n .attr(\"d\", path);\n\n svg\n .selectAll(\"circle\")\n .data(cities.slice(0, n3))\n .enter()\n .append(\"circle\")\n .attr(\"r\", 1)\n .attr(\"cx\", d => d.x)\n .attr(\"cy\", d => d.y)\n .attr(\"fill\", colors[2]);\n\n svg\n .append(\"g\")\n .attr(\"id\", \"map\")\n .selectAll(\"path\")\n .data(polygons.features)\n .join(\"path\")\n .attr(\"class\", \"dpt\")\n .attr(\"stroke\", \"white\")\n .attr(\"stroke-width\", 0.5)\n .attr(\"stroke\", colors[2])\n .attr(\"fill\", \"none\")\n .attr(\"stroke-width\", 0.3)\n .attr(\"d\", path);\n\n return svg.node();\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":191,"value":"md`**Preliminary stuffs for cartography**...`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":138,"value":"height = 530","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":140,"value":"projection = d3\n .geoIdentity()\n .fitExtent(\n [[20, 20], [width-40, height-40]],\n kyrgyzstan\n )","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":143,"value":"path = d3.geoPath(projection)","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":64,"value":"world = d3.json(\n \"https://raw.githubusercontent.com/neocarto/resources/master/geometries/World/world_countries.topojson\"\n)","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":270,"value":"colors = [\"#fff7f3\", \"#fde0dd\", \"#49006a\"]","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":57,"value":"md`**Data Import**. We fetch and handle the basic version of the [World Cities Database](https://simplemaps.com/data/world-cities) via my gitlab account to keep cities with a population of over 200, 000 inhabitants.`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":877,"value":"$49","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":925,"value":"borderCoords = kyrgyzstan.geometry.coordinates.flat()\n .map(d => ({\n lat: d[0],\n lng: d[1],\n x: projection(d)[0],\n y: projection(d)[1]\n }))","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":936,"value":"borderRays = {\n function toUnit(v1) {\n const [x, y] = v1;\n const length = Math.sqrt(x * x + y * y);\n return [x/length, y/length]; \n }\n \n function getUnitNormal(v1, v2) {\n const dx = v2[0] - v1[0];\n const dy = v2[1] - v1[1];\n const norm = [dy, -dx];\n return toUnit(norm);\n }\n \n const hullSegments = [];\n const hullCoords = kyrgyzstan.geometry.coordinates[0];\n for (let i = 0; i < hullCoords.length-1; i++) {\n const [coord, nextCoord] = [hullCoords[i], hullCoords[i+1]];\n hullSegments.push({\n coords: [coord, nextCoord],\n normal: getUnitNormal(coord, nextCoord)\n });\n }\n \n const hullSegmentPairs = [];\n for (let i = 0; i < hullSegments.length; i++) {\n const j = (i == hullSegments.length) ? 0 : i+1;\n const [segment, nextSegment] = [hullSegments[i], hullSegments[j]];\n hullSegmentPairs.push({\n segments: [segment, nextSegment]\n });\n }\n return hullSegmentPairs\n}","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":66,"value":"cities = d3\n .csv(\n \"https://raw.githubusercontent.com/neocarto/resources/master/datasets/simplemaps_worldcities_basicv1.73/worldcities.csv\"\n )\n .then((r) =>\n r\n .map((d) => ({\n id: d.id,\n name: d.city,\n pop: Math.round(d.population / 1000),\n lat: +d.lat,\n lng: +d.lng,\n x: projection([d.lng, d.lat])[0],\n y: projection([d.lng, d.lat])[1]\n }))\n\n .sort((a, b) => d3.descending(a[\"pop\"], b[\"pop\"]))\n .filter((d) => d.pop >= 200)\n )","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":133,"value":"md`**Hello map**. Now, it's time to build a first map in svg.`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":262,"value":"viewof n0 = Range([100, cities.length], {\n step: 1,\n value: 1000,\n label: \"Number of cities\"\n})","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":884,"value":"topojson.feature(world, world.objects.world_countries_data)","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":897,"value":"{\n const coords = kyrgyzstan.geometry.coordinates.flat();\n return [\n _.min(coords, 0)[0],\n _.min(coords, 1)[1],\n _.max(coords, 0)[0],\n _.max(coords, 1)[1]\n ]\n}","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":148,"value":"{\n const svg = d3\n .create(\"svg\")\n .attr(\"viewBox\", [0, 0, width, height])\n .style(\"width\", \"100%\")\n .style(\"height\", \"auto\")\n .style(\"background\", colors[0]);\n\n svg\n .append(\"path\")\n .datum({ type: \"FeatureCollection\", features: [kyrgyzstan] })\n .attr(\"fill\", colors[1])\n .attr(\"stroke\", null)\n .attr(\"d\", path);\n\n svg\n .selectAll(\"circle\")\n .data(borderCoords)\n .enter()\n .append(\"circle\")\n .attr(\"r\", 1)\n .attr(\"cx\", d => d.x)\n .attr(\"cy\", d => d.y)\n .attr(\"fill\", colors[2]);\n\n return svg.node();\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":167,"value":"md`## 1 - Delaunay`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":21,"value":"md`See d3-delaunay full documentation [here](https://github.com/d3/d3-delaunay)`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":329,"value":"delaunay = d3.Delaunay.from(borderCoords, d => d.x, d => d.y)","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":393,"value":"delaunay.points","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":241,"value":"viewof n1 = Range([100, cities.length], {\n step: 1,\n value: 1000,\n label: \"Number of cities\"\n})","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":212,"value":"{\n const svg = d3\n .create(\"svg\")\n .attr(\"viewBox\", [0, 0, width, height])\n .style(\"width\", \"100%\")\n .style(\"height\", \"auto\")\n .style(\"background\", colors[0]);\n\n svg\n .append(\"path\")\n .datum({ type: \"FeatureCollection\", features: [kyrgyzstan] })\n .attr(\"fill\", colors[1])\n .attr(\"stroke-width\", 0.4)\n .attr(\"d\", path);\n\n svg\n .append(\"path\")\n .attr(\"stroke\", colors[2])\n .attr(\"fill\", \"none\")\n .attr(\"stroke-width\", 0.5)\n .attr(\"d\", delaunay.render());\n\n // svg\n // .append(\"path\")\n // .attr(\"fill\", colors[2])\n // .attr(\"d\", delaunay.renderPoints());\n\n svg\n .selectAll(\"circle\")\n .data(borderCoords)\n .enter()\n .append(\"circle\")\n .attr(\"r\", 1.5)\n .attr(\"cx\", d => d.x)\n .attr(\"cy\", d => d.y)\n .attr(\"fill\", colors[2]);\n\n return svg.node();\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":365,"value":"md`## 2 - Voronoi`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":368,"value":"voronoi = d3.Delaunay.from(borderCoords, d => d.x, d => d.y).voronoi([\n 0,\n 0,\n width,\n height\n])","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":856,"value":"cities","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":375,"value":"viewof n2 = Range([100, cities.length], {\n step: 1,\n value: 1000,\n label: \"Number of cities\"\n})","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":371,"value":"{\n const svg = d3\n .create(\"svg\")\n .attr(\"viewBox\", [0, 0, width, height])\n .style(\"width\", \"100%\")\n .style(\"height\", \"auto\")\n .style(\"background\", colors[0]);\n\n svg\n .append(\"path\")\n .datum({ type: \"FeatureCollection\", features: [kyrgyzstan] })\n .attr(\"fill\", colors[1])\n .attr(\"stroke-width\", 0.4)\n .attr(\"d\", path);\n\n svg\n .selectAll(\"circle\")\n .data(borderCoords)\n .enter()\n .append(\"circle\")\n .attr(\"r\", 1)\n .attr(\"cx\", d => d.x)\n .attr(\"cy\", d => d.y)\n .attr(\"fill\", colors[2]);\n\n svg\n .append(\"path\")\n .attr(\"stroke\", colors[2])\n .attr(\"fill\", \"none\")\n .attr(\"stroke-width\", 0.75)\n .attr(\"d\", voronoi.render());\n\n return svg.node();\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":654,"value":"md`## 3 - d3-geo-voronoi`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":710,"value":"md`**d3-geo-voronoi** is an adaptation from d3-delaunay for spherical data made by [@fil](https://observablehq.com/@fil). Use *require(\"d3-geo-voronoi@1\")*. Documentation [here](https://github.com/Fil/d3-geo-voronoi)`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":771,"value":"coords = cities\n .map(d => ({\n lat: d.lng,\n lng: d.lat\n }))\n .map(Object.values)","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":689,"value":"geovoronoi = d3.geoVoronoi(coords.slice(0, n3))","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":790,"value":"polygons = {\n const polygons = geovoronoi.polygons(),\n { features } = polygons;\n // for (const [i, feature] of features.entries()) {\n // feature.properties.color =\n // (d3.max(neighbors[i], j => features[j].properties.color) + 1) | 0;\n // }\n return polygons;\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":679,"value":"viewof n3 = Range([100, cities.length], {\n step: 1,\n value: 1000,\n label: \"Number of cities\"\n})","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":804,"value":"{\n const svg = d3\n .create(\"svg\")\n .attr(\"viewBox\", [0, 0, width, height])\n .style(\"width\", \"100%\")\n .style(\"height\", \"auto\")\n .style(\"background\", colors[0]);\n\n svg\n .append(\"path\")\n .datum(topojson.feature(world, world.objects.world_countries_data))\n .attr(\"fill\", colors[1])\n .attr(\"stroke-width\", 0.4)\n .attr(\"d\", path);\n\n svg\n .selectAll(\"circle\")\n .data(cities.slice(0, n3))\n .enter()\n .append(\"circle\")\n .attr(\"r\", 1)\n .attr(\"cx\", (d) => d.x)\n .attr(\"cy\", (d) => d.y)\n .attr(\"fill\", colors[2]);\n\n svg\n .append(\"g\")\n .attr(\"id\", \"map\")\n .selectAll(\"path\")\n .data(polygons.features)\n .join(\"path\")\n .attr(\"class\", \"dpt\")\n .attr(\"stroke\", \"white\")\n .attr(\"stroke-width\", 0.75)\n .attr(\"stroke\", colors[2])\n .attr(\"fill\", \"none\")\n .attr(\"stroke-width\", 0.3)\n .attr(\"d\", path);\n\n return svg.node();\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":71,"value":"md`# Appendix`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":91,"value":"import { Range } from \"@observablehq/inputs\"","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":76,"value":"d3 = require(\"d3@6\", \"d3-geo-projection@2\", \"d3-geo-voronoi\")","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":151,"value":"topojson = require('topojson')","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"}],"files":"$W4a","stdlib":"1"}} 24:null