25:null 26:["$","title",null,{"children":"Health Inspections Part ll | Jacqueline Cannon Allen | Observable"}] 2b:Tbbc,viewof m3 = { var container = html`

` var content = html` ${container}

` yield content var map = new mapboxgl.Map({ container: 'map', // container id style: 'mapbox://styles/mapbox/light-v9', // stylesheet location center: [-73.986753, 40.734693], // nyc [ -73.79, 40.744693] zoom: 10, maxZoom: 18.5, // how close you can zoom in minZoom: 9, // how far out you can zoom out }); var layerList = document.getElementById('menu'); var inputs = layerList.getElementsByTagName('input'); function switchLayer(layer) { var layerId = layer.target.id; console.log(layerId); map.setStyle('mapbox://styles/' + layerId); } for (var i = 0; i < inputs.length; i++) { inputs[i].onclick = switchLayer; } map.on('load', function() { var layers = map.getStyle().layers; console.log(layers) map.addLayer({ id: '3d-buildings', source: 'composite', 'source-layer': 'building', filter: ['==', 'extrude', 'true'], type: 'fill-extrusion', minzoom: 15, paint: { 'fill-extrusion-color': '#aaa', 'fill-extrusion-height': ['interpolate', ['linear'], ['zoom'], 15, 0, 15.05, ['get', 'height']], 'fill-extrusion-base': ['interpolate', ['linear'], ['zoom'], 15, 0, 15.05, ['get', 'min_height']], 'fill-extrusion-opacity': 0.6 } }) }); invalidation.then(() => map.remove()) }2c:[] 29:{"id":"c8d90e2802db36da","slug":"health-inspections-part-ll/2","title":"Health Inspections Part ll","thumbnail":"e3af880e3f8a79b59b24ba379eead0ed7ce7127d6b20e76f6430622642f070dc","access_level":"public","create_time":"$D2020-05-16T19:53:27.793Z","update_time":"$D2020-05-16T19:53:27.793Z","view_time":null,"first_public_time":"$D2020-05-16T19:53:37.622Z","fork":{"id":"23a0ede75673adec","slug":"health-inspections-part-ll","title":"Health Inspections Part ll","owner":{"id":"c34fadd0b81defff","login":"ja3143","name":"Jacqueline Cannon Allen"}},"stars":0,"starred":false,"owner":{"type":"team","id":"c34fadd0b81defff","login":"ja3143","name":"Jacqueline Cannon Allen","avatar_url":"https://avatars-next.observableusercontent.com/2173641f38a7c7c191d28ad0c6e706518f680203212be14af71396e74f3b63d4","tier":"starter_2024"},"version":170,"publish_version":170,"role":null,"authored":false,"authors":[{"type":"individual","id":"85dde5f87cdbdc25","login":"ja3143","name":"Jacqueline Cannon Allen","avatar_url":"https://avatars-next.observableusercontent.com/2173641f38a7c7c191d28ad0c6e706518f680203212be14af71396e74f3b63d4","tier":null}],"members":[{"type":"individual","id":"85dde5f87cdbdc25","login":"ja3143","name":"Jacqueline Cannon Allen","avatar_url":"https://avatars-next.observableusercontent.com/2173641f38a7c7c191d28ad0c6e706518f680203212be14af71396e74f3b63d4","tier":null,"role":"editor"}],"comments":[],"custom_thumbnail":false,"trashed":false,"lapsed":null,"subscribed":null,"forks":0,"collection":null,"type":"notebook","body":{"title":"Health Inspections Part ll","cells":[{"id":0,"value":"md`# Health Inspections Part ll `","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":19,"value":"md`_An alternative approach to visualizing NYC Health Inspection Results ([original source here](https://observablehq.com/@ja3143/food-inspections-in-ny-zoomable-map)) using Mapbox GL JS_ `","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":16,"value":"md`\n\nLetter Grade | Score | Color\n-------------|-------| -----\nA | 0 - 13| Blue\nB | 14 - 27 | Green\nC | 28+ | Orange\n\n\nOther letter grade meanings:\n\nLetter Grade | Meaning | Color\n-------------|------- | -----\nP | Grade pending on a re-opening following an initial inspection that resulted in a closure | Purple\nZ | Grade pending | Grey\n\n---\n## __Source__: [Health.data.ny.gov](https://health.data.ny.gov/Health/Food-Service-Establishment-Last-Inspection/cnih-y5dw)\n\n---\n`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":6,"value":"$2b","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":81,"value":"md`# Style `","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":137,"value":"md`## Map`","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":84,"value":"md`## Menu `","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":86,"value":"md`\n\n\n\n`","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":13,"value":"md` # Code Setup `","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":9,"value":"mapboxgl = {\n let mapboxgl = await require('mapbox-gl@0.43.0');\n \tmapboxgl.accessToken = 'pk.eyJ1IjoiamFjYWxsZW4iLCJhIjoiY2s3Y2xlc3l0MGc2bDNrcHVwdTQ5ODJyZSJ9.rNoxR-HmGCM6gS0ciMwdQQ';\n return mapboxgl;\n}","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":11,"value":"d3 = require(\"d3@5\")","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":69,"value":"md` # Sources`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":71,"value":"md`\n1. Clusters:\n - [Mapbox Clustering (geosjon)](https://docs.mapbox.com/mapbox-gl-js/example/cluster/)\n- Story:\n - [One Belt One Road](https://ig.ft.com/sites/special-reports/one-belt-one-road/)\n- 3D:\n - [3D buildings on zoom](https://observablehq.com/@hubgit/a-map)\n\n`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"}],"files":"$W2c","stdlib":"1","titling":"auto"}} 2a:"$29:body"