2c:null 2d:["$","title",null,{"children":"WWTW dots on a map using Vega Lite | Bernelle Verster | Observable"}] 32:T514,capetownmap = vl .layer( vl .markGeoshape({ stroke: '#grey', strokeWidth: 0.4, fill: 'none' }) .data(vl.json(wards.features)) //.data(vl.topojson(world).feature("common_name")) .encode( vl .color() .fieldN('properties.name') .scale({ opacity: 0.900 }) .legend(null), vl.tooltip("properties.name") ) .project( vl .projection('mercator') .scale(14900) .translate(-4600, -9250) ), vl .markSquare({ fill: '#ffa500', size: 50, opacity: 0.7 }) .data(WWTW) .encode( vl.tooltip([vl.fieldN('Name'), vl.fieldQ('Maximum daily capacity')]), vl.longitude().fieldQ('Location[1]'), // apply the field named 'longitude' to the longitude channel vl.latitude().fieldQ('Location[0]'), vl .size() .fieldQ('Maximum daily capacity') .scale({ range: [0, 1000] }) .legend(null) // apply the field named 'latitude' to the latitude channel ) .project( vl .projection('mercator') .scale(14900) .translate(-4600, -9250) ) ) // .width(600) // .height(400) .config({ view: { stroke: null } }) .render()33:[{"id":"e06a18e3fef963d652cdc2b9d1f88f24953aaa44e4ea3676b1c4792f2db6d39ef39b97a75d466c9201396ca99e438d30db8f14d1c2d7e55bfce6aa5bfacf5b9a","href":"https://static.observableusercontent.com/files/e06a18e3fef963d652cdc2b9d1f88f24953aaa44e4ea3676b1c4792f2db6d39ef39b97a75d466c9201396ca99e438d30db8f14d1c2d7e55bfce6aa5bfacf5b9a","name":"Cape_Town_metro_admin_level6_12aug2020.geojson","type":"application/geo+json","lastModified":1597685379295.643,"size":771302},{"id":"727ab79ae20db6241e893d0e07c3c55efb13f642c66737406cf5ae9f3c46415850f655e926aa5f81cb2b3c978543ad962b0066188a30f4946369e8ad28a9260a","href":"https://static.observableusercontent.com/files/727ab79ae20db6241e893d0e07c3c55efb13f642c66737406cf5ae9f3c46415850f655e926aa5f81cb2b3c978543ad962b0066188a30f4946369e8ad28a9260a","name":"CapeTown_wards_18aug20.geojson","type":"application/geo+json","lastModified":1597747428196.727,"size":3457357},{"id":"d55c70e381525c5e7b9b146f3a2f456e89b72d9cd65aec1d4037fad297ec365f21f17b505e8029add0da0b179b84564cf1d9cd8f8e4f1221a1708a4a072a3d41","href":"https://static.observableusercontent.com/files/d55c70e381525c5e7b9b146f3a2f456e89b72d9cd65aec1d4037fad297ec365f21f17b505e8029add0da0b179b84564cf1d9cd8f8e4f1221a1708a4a072a3d41","name":"CT_wards_pop_WWTW_20aug20@7.json","type":"application/json","lastModified":1598023199586.649,"size":37619},{"id":"ab4c24cf96dcd6a3fc1819497063aa2cc8c93da4d9b09041abda5b60e6151ed61ab5f81cc84a00550185cff96767b5486ac83c3239b5e671e549cb4f682b35af","href":"https://static.observableusercontent.com/files/ab4c24cf96dcd6a3fc1819497063aa2cc8c93da4d9b09041abda5b60e6151ed61ab5f81cc84a00550185cff96767b5486ac83c3239b5e671e549cb4f682b35af","name":"CapeTown_ward_39_coords_only_test_2sept20.geojson","type":"application/geo+json","lastModified":1599068173601.078,"size":424},{"id":"4407791c050a88524ad02ba459771db66861435cdf35d29b4f02eb1f8c805271f4d5dda72a7ba2bac88a1269500f5f505a332cffbf717781ed2a45d0d7c3cbbd","href":"https://static.observableusercontent.com/files/4407791c050a88524ad02ba459771db66861435cdf35d29b4f02eb1f8c805271f4d5dda72a7ba2bac88a1269500f5f505a332cffbf717781ed2a45d0d7c3cbbd","name":"CapeTown_ward_39_test_2sept20@2.geojson","type":"application/geo+json","lastModified":1599065699700.565,"size":805},{"id":"710471a25081c3db3bdbf826309ae4950fb10be74e27c2975b321eea4ee063d00258fc1eb5f02c06038fcc7bf8d758c4b24398bd218741f887bde3c576ca17de","href":"https://static.observableusercontent.com/files/710471a25081c3db3bdbf826309ae4950fb10be74e27c2975b321eea4ee063d00258fc1eb5f02c06038fcc7bf8d758c4b24398bd218741f887bde3c576ca17de","name":"WWTW_CapeTown_15aug20.json","type":"application/json","lastModified":1597685317421.761,"size":4363}] 30:{"id":"c2ccee4a459d5890","slug":"wwtw-dots-on-a-map","title":"WWTW dots on a map using Vega Lite","thumbnail":"70ddb7831671a88c3e84b6964d795274f72f71ad788fbd55bf251a743730acc6","access_level":"public","create_time":"$D2020-08-17T16:37:33.175Z","update_time":"$D2020-11-13T10:10:15.342Z","view_time":null,"first_public_time":"$D2020-08-17T19:36:25.109Z","has_unpublished_edits":null,"fork":{"id":"03fb1bc5676f4c26","slug":"cartographic-visualization","title":"Cartographic Visualization","owner":{"id":"33e135341fd39b6b","login":"uwdata","name":"UW Interactive Data Lab"}},"stars":0,"starred":false,"owner":{"type":"team","id":"c541497cff836eea","login":"indiebio","name":"Bernelle Verster","avatar_url":"https://avatars-next.observableusercontent.com/fedcddbb6765401599d26ba8fdfa8eb86c4b8df1e7ab2549c5df493f8c26c80b","tier":"starter_2024"},"version":2381,"publish_version":null,"role":null,"authored":false,"authors":[{"type":"individual","id":"8554c6b5c13ab331","login":"indiebio","name":"Bernelle Verster","avatar_url":"https://avatars-next.observableusercontent.com/fedcddbb6765401599d26ba8fdfa8eb86c4b8df1e7ab2549c5df493f8c26c80b","tier":null}],"members":[{"type":"individual","id":"8554c6b5c13ab331","login":"indiebio","name":"Bernelle Verster","avatar_url":"https://avatars-next.observableusercontent.com/fedcddbb6765401599d26ba8fdfa8eb86c4b8df1e7ab2549c5df493f8c26c80b","tier":null,"role":"editor"}],"comments":[{"id":"48a1726b46ba1485","reply_to_id":null,"content":"A single centroid? Working or not?","create_time":"$D2020-11-05T09:27:15.878Z","update_time":null,"resolved":false,"user":{"type":"individual","id":"8554c6b5c13ab331","login":"indiebio","name":"Bernelle Verster","avatar_url":"https://avatars-next.observableusercontent.com/fedcddbb6765401599d26ba8fdfa8eb86c4b8df1e7ab2549c5df493f8c26c80b","tier":null}}],"custom_thumbnail":false,"trashed":false,"lapsed":null,"subscribed":null,"forks":0,"collection":null,"type":"notebook","body":{"titling":"auto","title":"WWTW dots on a map using Vega Lite","cells":[{"id":0,"value":"md`# WWTW dots on a map using Vega Lite`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":853,"value":"md`Trying to add dots for the WWTWs on the Cape Town map. This notebook uses topojson, trying to figure out how that translate to my dataset. It's working but the colours are in reverse. But it was cool to play.`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":2047,"value":"md` # Current issues\nFix: Ward 84 takes over the map. (sometimes this is a different ward, e.g. 99 so I think there might be a rendering (?) or something problem instead.) Make a json file for ward, with field for population and which WWTW it goes to.`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":2060,"value":"md` wards, need a new query, this does not capture all, see http://resource.capetown.gov.za/documentcentre/Documents/Maps%20and%20statistics/2011%20Ward%20Map.pdf. For population data per ward: https://wazimap.co.za/profiles/ward-19100115-city-of-cape-town-ward-115-19100115/ to filter need something like .features.filter(street => street.properties.name == \"Billrothstraße\")[0]`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":19,"value":"capetown = FileAttachment(\n \"Cape_Town_metro_admin_level6_12aug2020.geojson\"\n).json()","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":1861,"value":"WWTW = FileAttachment(\"WWTW_CapeTown_15aug20.json\").json()","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":2002,"value":"wards = FileAttachment(\"CapeTown_wards_18aug20.geojson\").json()","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":2066,"value":"pop_WWTW_wards = FileAttachment(\"CT_wards_pop_WWTW_20aug20@7.json\").json()","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":2075,"value":"md`[CoCT Sewer catchment map](http://resource.capetown.gov.za/documentcentre/Documents/Maps%20and%20statistics/Where%20does%20my%20wastewater%20go_sewer%20catchment.pdf)`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":24,"value":"$32","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":2261,"value":"ctwardcentroid = vl\n .layer(\n vl\n .markGeoshape({\n stroke: '#grey',\n strokeWidth: 0.4,\n fill: 'none'\n })\n .data(vl.json(wards.features)) //.data(vl.topojson(world).feature(\"common_name\"))\n .encode(\n vl\n .color()\n .fieldN('properties.name')\n .scale({ opacity: 0.900 })\n .legend(null),\n vl.tooltip(\"properties.name\")\n )\n .project(\n vl\n .projection('mercator')\n .scale(14900)\n .translate(-4600, -9250)\n ),\n vl\n .markSquare({ fill: '#ffa500', size: 50, opacity: 0.7 })\n .data(WWTW)\n .project(\n vl\n .projection('mercator')\n .scale(14900)\n .translate(-4600, -9250)\n )\n )\n // .width(600)\n // .height(400)\n .config({ view: { stroke: null } })\n .render()","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":2230,"value":"wardcentroid = d3.geoCentroid(wards)","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":1942,"value":"md`# ToDo \nAdd the missing info that makes the dots null flows (top left corner). Give each WWTW a colour and make the flows in that colour. See next map with the line connections, and the interactive hover! Aside, I think the WWTW on openstreetmaps need annotation, as the map features at https://query2map.toolforge.org/osmhack.php?lat=-33.925&lon=18.425&name=Cape+Town#Man_Made seem to only contain Athlone. Make a Vorinoi or whatschamallit it to start the flows from the middle of the ward d3.geoCentroid(object) https://github.com/d3/d3-geo/blob/v2.0.0/README.md#geoCentroid (also https://github.com/vega/vega/issues/702). Apparently encoding can do this - https://medium.com/@traffordDataLab/lets-make-a-map-in-vega-lite-75c24428275Learn how to add categories to all the entries of a json.`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":2280,"value":"md`To do as a side project while I figure out js... make the math for 'extracting' the N, P, C nutrient flows from the wastewater. Make the math to extract the urine from these flows. Add categories to the json files as a command, not manually. Incorporate these elemental and urine flows into the json. See https://stackoverflow.com/questions/51967879/insert-a-new-calculated-value-into-a-json`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":2334,"value":"table = html`\n\n\n\n\n

Nutrient stream	Coming in to the WWTW	Compliant out of WWTW	Feces	Urine
Carbon	300	1234	1234	1234
Nitrogen	2	432	1234	1234
Phosphorous	3	423	1234	1234

`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":2285,"value":"md` Find: typical concentration in WW incoming, and outgoing. Typical elemental nutrient production in waste produced per person per day, in feces and urine (from PhD thesis page 22, referencing Henze et al 2008. https://open.uct.ac.za/handle/11427/30090 / WRC report)`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":2298,"value":"calc = CavgIn * 300 // mg/L estimated average carbon content in wastewater coming into the WWTW","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":2305,"value":"NavgIn = 65 // mg/L estimated average nitrogen content in wastewater coming into the WWTW","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":2308,"value":"PavgIn = 15 // mg/L estimated average phosphorus content in wastewater coming into the WWTW","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":2315,"value":"md`General authorisation standard - effluent concentrations that are legally compliant. PhD thesis page 15, referencing Dept of Water Affairs South Africa 2009`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":2320,"value":"Cout = 30 // Chemical Oxygen Demand (COD) (mg/l) Special Limit. General limit is 75","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":2323,"value":"Nout = 1.5 // Nitrogen (mg/l) Special Limit, general limit is 15","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":2327,"value":"Pout = 1.0 // Phosphorous (mg/l) Special Limit, general limit is 10","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":2331,"value":"md`Typical elemental nutrient production in waste produced per person per day, in feces and urine`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":2111,"value":"md`via https://observablehq.com/@tmcw/four-coloring-this-goddamn-fish`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":2116,"value":"polygonsWithCentroids = wardtest.coordinates // contourData[0].coordinates I think I already have this with wards.\n .map(coordinates => ({\n type: 'Feature',\n properties: {\n centroid: d3.geoPath().centroid({\n type: 'Polygon',\n coordinates\n })\n },\n geometry: {\n type: 'Polygon',\n coordinates\n }\n }))\n .filter(f => d3.geoPath().area(f) > 20)","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":2143,"value":"wardtest = FileAttachment(\"CapeTown_ward_39_test_2sept20@2.geojson\").json()","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":2198,"value":"wardtest2 = FileAttachment(\n \"CapeTown_ward_39_coords_only_test_2sept20.geojson\"\n).json()","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":2105,"value":"centroids = ({\n type: 'FeatureCollection',\n features: wardtest2.map(feature => ({\n properties: {},\n geometry: {\n type: 'Point',\n coordinates: feature.properties.centroid\n }\n }))\n})","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":2129,"value":"{\n let svg = d3.select(DOM.svg(100, 100)), // (ow, oh)\n width = +svg.attr(\"width\"),\n height = +svg.attr(\"height\"),\n margin = { top: 20, right: 30, bottom: 30, left: 40 };\n\n svg\n .selectAll(\"path.area\")\n .data(wardtest) // (polygonsWithCentroids)\n .enter()\n .append(\"path\")\n .attr(\"fill\", \"#000\")\n .attr('class', 'area')\n .attr(\"d\", d3.geoPath());\n\n svg\n .selectAll(\"path.centroid\")\n .data([centroids])\n .enter()\n .append(\"path\")\n .attr(\"fill\", \"#0ff\")\n .attr('class', 'centroid')\n .attr(\"d\", d3.geoPath().pointRadius(2));\n\n return svg.node();\n}","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":2176,"value":"centroidmap = vl\n .layer(\n vl\n .markGeoshape({ stroke: '#grey', strokeWidth: 0.5, opacity: 0.10 })\n .data(vl.json(wardtest.features)) //.data(vl.topojson(world).feature(\"common_name\"))\n .encode(\n vl\n .color()\n .fieldN('properties.name')\n .scale({ opacity: 100 })\n .legend(null),\n vl.tooltip(\"properties.name\")\n )\n .project(\n vl\n .projection('mercator')\n .scale(14900)\n .translate(-4600, -9200)\n )\n )\n // .width(600)\n // .height(400)\n .config({ view: { stroke: null } })\n .render()","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":149,"value":"md`\n

\n## Imports & Utilities\n`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":2353,"value":"NODE = ({ MIN_RADIUS: 2.5, MAX_RADIUS: 20, PADDING: 2 })","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":11,"value":"import {vl} from '@vega/vega-lite-api'","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":982,"value":"import {printTable} from '@uwdata/data-utilities'","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":156,"value":"import {menu, slider} from '@jheer/dom-utilities'","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":151,"value":"function rotate3D() {\n const r0 = slider('Yaw', 0, -180, 180, 1);\n const r1 = slider('Pitch', 0, -90, 90, 1);\n const r2 = slider('Roll', 0, -180, 180, 1);\n const el = html`

${r0}
${r1}
${r2}

`;\n \n function update() {\n el.value = [r0.value, r1.value, r2.value];\n }\n \n r0.addValueListener(update);\n r1.addValueListener(update);\n r2.addValueListener(update);\n \n update();\n return el;\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":1220,"value":"function translate2D() {\n const t0 = slider('X', -450, -1500, 1500, 1);\n const t1 = slider('Y', -250, -1000, 1000, 1);\n const el = html`

${t0}
${t1}

`;\n \n function update() {\n el.value = [-t0.value, -t1.value];\n }\n \n t0.addValueListener(update);\n t1.addValueListener(update);\n \n update();\n return el;\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":17,"value":"datasets = require('vega-datasets@1')","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":416,"value":"zipcodes = datasets['zipcodes.csv'].url","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":1605,"value":"world = datasets['world-110m.json']()","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":647,"value":"usa = datasets['us-10m.json']()","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":634,"value":"airports = datasets['airports.csv'].url","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":637,"value":"flights = datasets['flights-airport.csv'].url","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":1188,"value":"import {view} from '@vega/vega-lite-airport-connections'","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":449,"value":"unemp = datasets['unemployment.tsv'].url","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":2118,"value":"d3 = require('d3')","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"}],"files":"$W33","stdlib":"1"}} 31:"$30:body"