@jashkenas/world-cities-delaunay

2e:null 2f:["$","title",null,{"children":"World Cities Delaunay | Jeremy Ashkenas | Observable"}] 34:T4781,svg` `35:[] 32:{"id":"29afc26472c53909","slug":"world-cities-delaunay","title":"World Cities Delaunay","thumbnail":"a3c1893c6d4a8baee72673fc911fcfc368308df215b286406afcc1ecc75c1b50","access_level":"public","create_time":"$D2018-08-30T17:28:18.948Z","update_time":"$D2018-09-18T16:50:32.161Z","view_time":null,"first_public_time":"$D2018-08-30T19:32:35.631Z","has_unpublished_edits":null,"fork":{"id":"168d62324ff15c12","slug":"world-airports-delaunay","title":"World Airports Delaunay","owner":{"id":"863951e3ebe4c0ae","login":"d3","name":"D3"}},"stars":14,"starred":false,"owner":{"type":"team","id":"172cc08ef8a18a4b","login":"jashkenas","name":"Jeremy Ashkenas","avatar_url":"https://avatars-next.observableusercontent.com/fa1903f8171d4621ef49de28e0ff1fb965960ec87df175d8b543c4b09508b45b","tier":"starter_2024"},"version":436,"publish_version":436,"role":null,"authored":false,"authors":[{"type":"individual","id":"783616ba9fb55f5d","login":"jashkenas","name":"Jeremy Ashkenas","avatar_url":"https://avatars-next.observableusercontent.com/fa1903f8171d4621ef49de28e0ff1fb965960ec87df175d8b543c4b09508b45b","tier":null}],"members":[{"type":"individual","id":"783616ba9fb55f5d","login":"jashkenas","name":"Jeremy Ashkenas","avatar_url":"https://avatars-next.observableusercontent.com/fa1903f8171d4621ef49de28e0ff1fb965960ec87df175d8b543c4b09508b45b","tier":null,"role":"editor"}],"comments":[],"custom_thumbnail":false,"trashed":false,"lapsed":null,"subscribed":null,"forks":7,"collection":null,"type":"notebook","body":{"title":"World Cities Delaunay","cells":[{"id":0,"value":"md`# World Cities Delaunay\n\nRef. [@mbostock/world-airports-delaunay](/@mbostock/world-airports-delaunay)
\nRef. [@fil/geo-delaunay](/@fil/geo-delaunay)
\nRef. https://www.jasondavies.com/maps/voronoi/airports/\n\nSource: [Simple Maps World Cities Database](https://simplemaps.com/data/world-cities)`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":313,"value":"viewof population = slider({\n title: \"Cities with populations over...\",\n min: 1000,\n max: 1000000,\n value: 20000,\n step: 1000,\n format: \",\"\n})","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":28,"value":"chart = {\n const context = DOM.context2d(width, height);\n const path = d3.geoPath(mutable projection, context).pointRadius(d => 1.5);\n\n function render() {\n context.clearRect(0, 0, width, height);\n\n context.beginPath();\n path(graticule);\n context.lineWidth = 0.5;\n context.strokeStyle = \"#ccc\";\n context.stroke();\n\n context.beginPath();\n path(mesh);\n context.lineWidth = 0.5;\n context.strokeStyle = \"#000\";\n context.stroke();\n\n context.beginPath();\n path(sphere);\n context.lineWidth = 1.5;\n context.strokeStyle = \"#000\";\n context.stroke();\n\n context.beginPath();\n path({\n type: \"MultiPoint\",\n coordinates: points\n });\n context.fillStyle = \"#55005599\";\n context.fill();\n }\n\n function dragged() {\n mutable projection = mutable projection;\n render();\n }\n\n return d3\n .select(context.canvas)\n .call(drag(mutable projection).on(\"drag.render\", dragged))\n .call(render)\n .node();\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":56,"value":"mutable projection = d3\n .geoOrthographic()\n .fitExtent([[1, 1], [width - 1, height - 1]], sphere)\n .rotate([80, -5])","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":57,"value":"height = width","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":59,"value":"sphere = ({type: \"Sphere\"})","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":62,"value":"graticule = d3.geoGraticule10()","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":345,"value":"points = largeCities.map(d => [d.lng, d.lat])","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":180,"value":"edges = d3.geoDelaunay(points).edges","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":328,"value":"largeCities = allCities.filter(d => d.population > population)","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":17,"value":"allCities = d3.csv(\n \"https://gist.githubusercontent.com/jashkenas/934edd697840f7acec361b6353a809a3/raw/2cfd79e04d573a524084db55627ebcee2c3f1938/worldcities-new.csv\",\n ({ city, lat, lng, country, population }) => ({\n city,\n lat: +lat,\n lng: +lng,\n country,\n population: +population\n })\n)","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":243,"value":"mesh = ({\n type: \"MultiLineString\",\n coordinates: edges.map(([i, j]) => [points[i], points[j]])\n})","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":216,"value":"import {drag} from \"@mbostock/d3-versor-dragging\"","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":315,"value":"import {slider} from \"@jashkenas/inputs\"","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":7,"value":"d3 = require(\"d3@5\", \"d3-geo-voronoi@1\")","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":433,"value":"md`#### Bonus\n\nIf you're curious how this notebook is put together ... here’s a chart of the data flow, generated by the [Notebook Visualizer](https://beta.observablehq.com/@mbostock/notebook-visualizer?id=@jashkenas/world-cities-delaunay):`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":431,"value":"$34","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"}],"files":"$W35","stdlib":"1","titling":"auto"}} 33:"$32:body"