40:null 41:["$","title",null,{"children":"Business Districts | paoyo1 | Observable"}] 47:T1069,viewof map = { const container = html`

`; yield container; // Give the container dimensions. const map = container.value = new mapboxgl.Map({ container, center: cityCenter, zoom: 9.6, style: "mapbox://styles/mapbox/light-v10", scrollZoom: true }); invalidation.then(() => map.remove()); // map.addControl(new mapboxgl.NavigationControl()); // Setup our svg layer that we can manipulate with d3 const bb = container.getBoundingClientRect(); var svg = d3.select(container) .append("svg") .style("position", "absolute") .style("top", 0) .style("left", 0) .attr("width", bb.width) .attr("height", bb.height) .style("pointer-events", "none"); // the svg shouldn't capture mouse events, so we can have pan and zoom from mapbox //Project any point to map's current state function projectPoint(lon, lat) { var point = map.project(new mapboxgl.LngLat(lon, lat)); this.stream.point(point.x, point.y); } //Projection function var transform = d3.geoTransform({point: projectPoint}); var path = d3.geoPath() .projection(transform) .pointRadius(1.5); var popupName = undefined; const showPopupName = (d) => { popupName = new mapboxgl.Popup() .setLngLat({lng: d.geometry.coordinates[0], lat: d.geometry.coordinates[1]}) .setHTML(d.properties.Name) .addTo(map); } const removePopup = () => { if(popupName != undefined) popupName.remove(); popupName = undefined; } var scale = d3.scaleSequential(d3.interpolateGreys).domain([3,5]); const path_distr = svg.selectAll(".hull") .data(geojson_hulls.features) .join("path") .attr("class", "hull") .style("fill", d => scale(d.properties.stars)) .style("fill-opacity", 0.5) .style("stroke", "black") .style("stroke-width", "0.4") // .on("mouseover", d => mutable hovered=d) .style("pointer-events", "all"); const path_business = svg.selectAll(".business") .data(geojson_business.features) .join("path") .attr("class", "business") .style("fill", "steelblue") // .style("stroke", "black") // .style("stroke-width", "0.2") .style("fill-opacity", 0.3) .on("mouseover", showPopupName) .on("mouseout", removePopup) .style("pointer-events", "all"); const labelPadding = 4; // the component used to render each label const textLabel = d3_fc.layoutTextLabel() .padding(labelPadding) .value(d => d.label); // a strategy that combines simulated annealing with removal // of overlapping labels const strategy = d3_fc.layoutRemoveOverlaps(d3_fc.layoutGreedy()); // create the layout that positions the labels const labels = d3_fc.layoutLabel(strategy) .size((d, i, g) => { // measure the label and add the required padding const textSize = g[i].getElementsByTagName('text')[0].getBBox(); return [textSize.width + labelPadding * 2, textSize.height + labelPadding * 2]; }) .position(d => { const point = map.project(new mapboxgl.LngLat(d.coordinates[0], d.coordinates[1])); return [point.x, point.y]; }) .component(textLabel); // const path_labels = svg.selectAll(".label") // .datum(cluster_labels) // .join("path") // .attr("class", "label"); // render! const update = () => { path_distr.attr("d", path); if(show_business){ path_business.attr("d", path); } if(show_labels){ svg.datum(cluster_labels) .call(labels); } } // Every time the map changes, update the dots map.on("viewreset", update); map.on("move", update); map.on("moveend", update); map.on('zoom', function() { // path_business.pointRadius(0.5*map.getZoom()) if(show_business){ path_business.attr('d', path.pointRadius(0.15*map.getZoom())); } }); update(); }48:T57e,cluster_labels = { const threshold = 0.7; const cluster_labels = {} clusters_labels_raw.forEach((c) => { var labels = {} var count = 0; for (var k in c) { if (c.hasOwnProperty(k)) { const value = c[k]; if(k != 'cluster_id' && +value > threshold){ labels[k] = +value; count++; } } } cluster_labels[c['cluster_id']] = {} cluster_labels[c['cluster_id']]['labels'] = labels; }) cluster_hulls.forEach(ch => { var x = 0; var y = 0; if(ch[1].length > 0){ ch[1][0].forEach(coord => { x += coord[0]; y += coord[1]; }) x /= ch[1][0].length; y /= ch[1][0].length; } var coord_dict = {}; if(ch[0] in cluster_labels) cluster_labels[ch[0]]['coordinates'] = [x, y]; }) var cluster_labels_array = [] for (var cid in cluster_labels) { if (cluster_labels.hasOwnProperty(cid)) { for (var l in cluster_labels[cid]['labels']) { if (cluster_labels[cid]['labels'].hasOwnProperty(l)) { if( cluster_labels[cid]['coordinates'][0] != 0 && cluster_labels[cid]['coordinates'][1] != 0) cluster_labels_array.push({ 'label': l, 'coordinates': cluster_labels[cid]['coordinates'] }); } } } } return cluster_labels_array; }49:Tdb4,// Copied from: https://observablehq.com/@akngs/concave-hull // Derived from https://github.com/emeeks/d3.geom.concaveHull/pull/2 concaveHull = function() { let calcDist = stdevDist let padding = 0 let voronoi const dist = (a, b) => ((a[0] - b[0]) ** 2 + (a[1] - b[1]) ** 2) ** 0.5 function stdevDist(voronoi) { const sides = new Array(voronoi.length * 3) voronoi.forEach((d, i) => { sides[i * 3 + 0] = dist(d[0], d[1]) sides[i * 3 + 1] = dist(d[0], d[2]) sides[i * 3 + 2] = dist(d[1], d[2]) }) return d3.mean(sides) + d3.deviation(sides) } function concaveHull(vertices) { voronoi = d3.voronoi().triangles(vertices) const long = calcDist(voronoi) const mesh = voronoi.filter(d => dist(d[0], d[1]) < long && dist(d[0], d[2]) < long && dist(d[1], d[2]) < long) const counts = {} const edges = {} let r const result = [] // Traverse the edges of all triangles and discard any edges that appear twice. mesh.forEach(triangle => { for (let i = 0; i < 3; i++) { const edge = [triangle[i], triangle[(i + 1) % 3]].sort(ascendingCoords).map(String); (edges[edge[0]] = (edges[edge[0]] || [])).push(edge[1]); (edges[edge[1]] = (edges[edge[1]] || [])).push(edge[0]); var k = edge.join(":") if (counts[k]) delete counts[k] else counts[k] = 1 } }) while (true) { let k = null // Pick an arbitrary starting point on a boundary. for (k in counts) break if (k === null) break result.push(r = k.split(":").map(d => d.split(",").map(Number))) delete counts[k] let q = r[1] while (q[0] !== r[0][0] || q[1] !== r[0][1]) { const p = q const qs = edges[p.join(",")] const n = qs.length for (let i = 0; i < n; i++) { q = qs[i].split(",").map(Number) const edge = [p, q].sort(ascendingCoords).join(":") if(counts[edge]) { delete counts[edge] r.push(q) break } } } } return padding !== 0 ? pad(result, padding) : result } function pad(bounds, amount) { return bounds.map(bound => { // http://forums.esri.com/Thread.asp?c=2&f=1718&t=174277 const handedness = bound.map((p, i) => { const pm = bound[i === 0 ? bound.length - 1 : i - 1] return (p[0] - pm[0]) * (p[1] + pm[1]) * 0.5 }).reduce((a, b) => a + b) > 0 ? -1 : 1 return bound.map((p, i) => { const normal = rotate(tan(p, bound[i === 0 ? bound.length - 2 : i - 1]), 90 * handedness) return [p[0] + normal.x * amount, p[1] + normal.y * amount] }) }) } function tan(a, b) { const vec = {x: b[0] - a[0], y: b[1] - a[1]} const mag = Math.sqrt(vec.x * vec.x + vec.y * vec.y) vec.x /= mag vec.y /= mag return vec } function rotate(vec, angle) { angle *= Math.PI / 180 return { x: vec.x * Math.cos(angle) - vec.y * Math.sin(angle), y: vec.x * Math.sin(angle) + vec.y * Math.cos(angle) } } const ascendingCoords = (a, b) => a[0] === b[0] ? b[1] - a[1] : b[0] - a[0] concaveHull.padding = function (newPadding) { if (!arguments.length) return padding padding = newPadding return concaveHull } concaveHull.distance = function (newDist) { if (!arguments.length) return calcDist calcDist = typeof newDist === "number" ? () => newDist : newDist return concaveHull } return concaveHull }4a:[] 45:{"id":"24aea29dedae8bd0","slug":null,"title":"Business Districts","thumbnail":"027e44de8ed5fec1ee3ad95c5e0d1b95c816345b6179332c8ddaa76617a49525","access_level":"unlisted","create_time":"$D2019-05-02T09:46:51.074Z","update_time":"$D2019-09-27T13:22:24.800Z","view_time":null,"first_public_time":null,"has_unpublished_edits":null,"fork":true,"stars":0,"starred":false,"owner":{"type":"team","id":"9af69081e0b5ea4b","login":"paoyo1","name":"","avatar_url":"https://avatars-next.observableusercontent.com/26a58a1f936d3dcb9db035623491b04de65940188a889eb28fb37c62d162cfb7","tier":"starter_2024","bio":"","following":false},"version":971,"publish_version":971,"role":null,"authored":false,"authors":[{"type":"individual","id":"08f6b107453ff570","login":"paoyo1","name":"","avatar_url":"https://avatars-next.observableusercontent.com/26a58a1f936d3dcb9db035623491b04de65940188a889eb28fb37c62d162cfb7","tier":null,"bio":"","following":false}],"members":[{"type":"individual","id":"08f6b107453ff570","login":"paoyo1","name":"","avatar_url":"https://avatars-next.observableusercontent.com/26a58a1f936d3dcb9db035623491b04de65940188a889eb28fb37c62d162cfb7","tier":null,"role":"editor"}],"comments":[],"custom_thumbnail":false,"trashed":false,"lapsed":null,"subscribed":null,"forks":0,"collection":null,"type":"notebook","body":{"titling":"auto","title":"Business Districts","cells":[{"id":0,"value":"md`# Business Districts`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":610,"value":"viewof city = select({\n title: \"City\",\n description: \"Please pick a city.\",\n options: [\"Las Vegas\", \"Charlotte\", \"Pittsburgh\", \"Phoenix\"],\n value: \"Charlotte\"\n})","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":688,"value":"viewof show_business = checkbox({\n options: [{ value: false, label: \"Show business\" }],\n value: \"show\"\n})","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":941,"value":"viewof show_labels = checkbox({\n options: [{ value: false, label: \"Show top categories labels\" }],\n value: \"show\"\n})","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":723,"value":"viewof distance_hulls = slider({\n min: 0.01, \n max: 0.2,\n step: 0.05, \n value: 0.06,\n title: \"polygon fit to clusters\", \n})","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":419,"value":"$47","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":527,"value":"geojson_hulls = { \n const cluster_hulls_flatten = cluster_hulls.map(d => d[1]).flat(1);\n const cluster_names_flatten = cluster_hulls.map(d => d[1].map(c => d[0])).flat(1)\n \n var geojson_hulls = {\n \"type\": \"FeatureCollection\",\n \"crs\": {\n \"type\": \"name\",\n \"properties\": {\"name\": \"hulls\"}\n },\n \"features\":[]\n };\n \n \n cluster_hulls_flatten.forEach((ch, i) => {\n geojson_hulls.features.push(\n {\n \"type\": \"Feature\",\n \"geometry\":{\n \"type\":\"Polygon\",\n \"coordinates\": [ch]\n },\n \"properties\": { \n \"stars\": cluster_mean_stars[cluster_names_flatten[i]]\n }\n }\n );\n });\n \n return geojson_hulls;\n}\n\n","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":531,"value":"geojson_business = {\n var geojson_business = {\n \"type\": \"FeatureCollection\",\n \"crs\": {\n \"type\": \"name\",\n \"properties\": {\"name\": \"hulls\"}\n },\n \"features\":[]\n };\n \n data.forEach(d=> {\n geojson_business.features.push({\n \"type\": \"Feature\",\n \"geometry\":{\n \"type\":\"Point\",\n \"coordinates\": [+d.longitude, +d.latitude]\n },\n \"properties\": {\n \"Name\": d.name\n }\n });\n });\n \n return geojson_business;\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":794,"value":"$48","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":348,"value":"cluster_hulls = cluster_groups.map(c => [c[0], hull(c[1].map(d=>[d[0], d[1]]))])","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":346,"value":"hull = concaveHull()\n // .padding(.002)\n .distance(distance_hulls);","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":866,"value":"cluster_mean_stars = {\n var cluster_mean_stars = {};\n cluster_groups.forEach(cg => {\n const stars_cluster = cg[1].map(s => s[2]);\n cluster_mean_stars[cg[0]] = d3.median(stars_cluster);\n })\n return cluster_mean_stars;\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":300,"value":"cluster_groups = Array.from(\n group(data, d => d.cluster_id),\n ([name, data]) => [name, data.map(d => [+d.longitude, +d.latitude, +d.stars])]\n)","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":24,"value":"cluster_id_extent = d3.extent(data, d => +d.cluster_id)","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":17,"value":"review_count_extent = d3.extent(data, d => +d.stars)","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":562,"value":"data = data_raw.filter(d => !Number.isNaN(+d.latitude))","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":6,"value":"data_raw = d3.csv(data_url)","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":739,"value":"clusters_labels_raw = d3.csv(clusters_labels_url)\n","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":570,"value":"data_url = {\n switch(city){\n case \"Phoenix\":\n return \"https://gist.githubusercontent.com/paolavaldivia/4ea84fcc5122decc96def5dbaed6608e/raw/6701f4124e768b4b14abf0f3267dd264b155aed5/Phoenix_kmeans.csv\";\n case \"Las Vegas\":\n return \"https://gist.githubusercontent.com/paolavaldivia/f8d36f184fe7ef8f40c2742ebf64638d/raw/acb6c247c0d104d7b74db70ce0469adf4cb28286/Las%2520Vegas_kmeans.csv\";\n case \"Charlotte\":\n return \"https://gist.githubusercontent.com/paolavaldivia/e4bb9d30cf72d60df6f31173d99a3f73/raw/99d843be6b6fbfed3e188f8c47fb5186d720eadb/Charlotte_kmeans.csv\";\n case \"Pittsburgh\":\n return \"https://gist.githubusercontent.com/paolavaldivia/d938fbb48a24111a7f2fc555f8a1f883/raw/bdff985a38308264294d50289634e0de50da5ed5/Pittsburgh_kmeans.csv\";\n }\n \n}\n","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":736,"value":"clusters_labels_url = {\n switch(city){\n case \"Phoenix\":\n return \"https://gist.githubusercontent.com/paolavaldivia/253c917255220ec6262cee1d195ee305/raw/8a4755d5e867a042db74e786f7abb86e8fe92512/Phoenix_kmeans_districts.csv\";\n case \"Las Vegas\":\n return \"https://gist.githubusercontent.com/paolavaldivia/63c60d1937a9e89052d41f5b8f41a7e4/raw/5fef7f07ac04b02f918d193900fb7ab427a5ba13/Las%2520Vegas_kmeans_districts.csv\";\n case \"Charlotte\":\n return \"https://gist.githubusercontent.com/paolavaldivia/ca093265ec28a04c567eed3a259abfc7/raw/2733686804bca3697217d740f590577f402f4af0/Charlotte_kmeans_districts.csv\";\n case \"Pittsburgh\":\n return \"https://gist.githubusercontent.com/paolavaldivia/24b8322ce564ff84c681eb0a4f1088b2/raw/7d155fb53ee9c81e07de2bebdf999a8b50ea9427/Pittsburgh_kmeans_districts.csv\";\n }\n \n}","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":292,"value":"cityCenter = {\n switch(city){\n case \"Phoenix\":\n return [-112.0740433, 33.4483795];\n case \"Las Vegas\":\n return [-115.1372223, 36.1749687];\n case \"Charlotte\":\n return [-80.8431, 35.2271];\n case \"Pittsburgh\":\n return [-79.9958878, 40.4406204];\n }\n \n}","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":122,"value":"isLayer = (feature, layer) => feature.properties.class === layer","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":99,"value":"tiles = Promise.all(tile().map(async t => {\n let data = new vt.VectorTile(new Protobuf(await d3.buffer(`https://a.tiles.mapbox.com/v4/mapbox.mapbox-streets-v7/${t.z}/${t.x}/${t.y}.mvt?access_token=pk.eyJ1IjoicGFveW8xIiwiYSI6ImE1Mm9ETmcifQ.FujqVn9PuHc35OWRnWCaUw`))).layers\n \n let keys = Object.keys(data)\n t.data = {}\n keys.map(key => {\n let collection = {\n type: \"FeatureCollection\",\n features: []\n }\n\n for (let i = 0; i < data[key].length; i++) {\n let feature = data[key].feature(i).toGeoJSON(t.x, t.y, t.z)\n if (key === 'water') {\n feature.properties['class'] = 'water'\n }\n collection.features.push(feature)\n }\n \n t.data[key] = collection\n })\n \n return t;\n}))","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":77,"value":"tile = d3.tile()\n .size([width, height])\n .scale(projection.scale() * 2 * Math.PI)\n .translate(projection([0, 0]))","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":79,"value":"projection = d3.geoMercator()\n .center([-80.8431, 35.2271])\n .scale((1 << 21) / (2 * Math.PI))\n .translate([width / 2, height / 2])","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":96,"value":"filter = function(d, test) {\n if (!d) return { type: \"FeatureCollection\", features: [] }; \n return { type: \"FeatureCollection\", features: d.features.filter(test) };\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":87,"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":70,"value":"t = new vt.VectorTile(new Protobuf(await d3.buffer(`https://a.tiles.mapbox.com/v4/mapbox.mapbox-streets-v7/12/1023/1618.mvt?access_token=pk.eyJ1IjoicGFveW8xIiwiYSI6ImE1Mm9ETmcifQ.FujqVn9PuHc35OWRnWCaUw`)))","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":75,"value":"vt = require('https://bundle.run/@mapbox/vector-tile@1.3.1')","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":72,"value":"Protobuf = require('https://bundle.run/pbf@3.1.0')","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":89,"value":"height = 600","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":4,"value":"d3 = require(\"d3@5\", \"d3-geo@1\", \"d3-tile@0.0\")","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":2,"value":"mapboxgl = {\n const gl = await require(\"mapbox-gl@0.49\");\n if (!gl.accessToken) {\n // This is @tmcw’s. https://www.mapbox.com/help/how-access-tokens-work/\n gl.accessToken = \"pk.eyJ1IjoicGFveW8xIiwiYSI6ImE1Mm9ETmcifQ.FujqVn9PuHc35OWRnWCaUw\";\n const href = await require.resolve(\"mapbox-gl@0.49/dist/mapbox-gl.css\");\n document.head.appendChild(html``);\n }\n return gl;\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":264,"value":"turf = require(\"@turf/turf\")","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":344,"value":"$49","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":312,"value":"import {group} from \"@mbostock/group\"","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":630,"value":"import {select} from \"@jashkenas/inputs\"","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":685,"value":"import {checkbox} from \"@jashkenas/inputs\"\n","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":725,"value":"import {slider} from \"@jashkenas/inputs\"","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":770,"value":"d3_fc = require('d3fc-label-layout')","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":839,"value":"html`