34:["$","title",null,{"children":"Public Schools Exposed to Urban Heat | Climate Central | Observable"}] 3c:T50b,html`

${viewof cityOptions}

${viewof logo}

${cityOptions[0].cityState.toUpperCase()}

${getLegend()}

${viewof schools}

`3d:T5f4,viewof schools = { let mycontainer = html`

`; yield mycontainer; const map = new maplibregl.Map({ interactive: true, container: mycontainer, center: [lon, lat], zoom: zoomLevel, style: "https://basemaps.cartocdn.com/gl/voyager-gl-style/style.json" }); const deckOverlay = new MapboxOverlay({ interleaved: false, depthTest: false, layers: [ new GeoJsonLayer({ id: `blocks`, data: blocks, filled: true, getFillColor: (d) => getColor(d.properties.indx__F), opacity: 0.5, stroked: false, getLineColor: [0, 0, 0], getLineWidth: 1, lineWidthUnits: "pixels", pickable: false }), new ScatterplotLayer({ id: `city-schools`, data: schoolsData.features, getPosition: (d) => [+d.properties.LONCOD, +d.properties.LATCOD], getRadius: 150, getFillColor: (d) => d.properties.indx__F >= 8 ? hexToRgb("#FD8051") : hexToRgb("#EEAD38"), stroked: true, opacity: 0.9, getLineWidth: 10, getLineColor: [0, 0, 0], pickable: true, onHover: updateTooltip }) ] }); map.addControl(deckOverlay); map.addControl(new maplibregl.NavigationControl()); // clean up if this code re-runs invalidation.then(() => { deckOverlay.finalize(); const container = document.querySelector("#blockmap"); container.innerHTML = ""; }); }3e:[{"id":"49d9cc736d90acb3c768745bec6b35762311b7731bd062090ed7220a439bfe1359c1809ce3626d212c441b55556b683717413c2831ef21142d566428dcc980e7","href":"https://static.observableusercontent.com/files/49d9cc736d90acb3c768745bec6b35762311b7731bd062090ed7220a439bfe1359c1809ce3626d212c441b55556b683717413c2831ef21142d566428dcc980e7","name":"City_list.csv","type":"text/csv","lastModified":1750825757149.319,"size":4580},{"id":"b3b81b58de3bf719544076f0c0b7ddf07bf0fd9b738224b6f091764de20573707d97ae6b60b2a43ba3d657e16633666b6c35374b0ace56b67558fe3a9a169f9c","href":"https://static.observableusercontent.com/files/b3b81b58de3bf719544076f0c0b7ddf07bf0fd9b738224b6f091764de20573707d97ae6b60b2a43ba3d657e16633666b6c35374b0ace56b67558fe3a9a169f9c","name":"public_schools.geojson","type":"application/geo+json","lastModified":1750825869298.995,"size":10675196},{"id":"c9c2a37ed10e94686b5b9b7dec5b5e14fa115891f5f9a0ca0789f5bc4bda40784118b9cae5b151221dd682e36c82460c22921ee34c35a990dbaef537366d2ffb","href":"https://static.observableusercontent.com/files/c9c2a37ed10e94686b5b9b7dec5b5e14fa115891f5f9a0ca0789f5bc4bda40784118b9cae5b151221dd682e36c82460c22921ee34c35a990dbaef537366d2ffb","name":"allCities.geojson","type":"application/geo+json","lastModified":1750825927565.727,"size":20884491},{"id":"d0f474d3e85d20fd6388ceedade0ebbaec5fd35e12b597e7ddff298e80364507b1643953643f263e5f5618f128e9144ba4cfa78ca73c524be15eb8d4b2f9e402","href":"https://static.observableusercontent.com/files/d0f474d3e85d20fd6388ceedade0ebbaec5fd35e12b597e7ddff298e80364507b1643953643f263e5f5618f128e9144ba4cfa78ca73c524be15eb8d4b2f9e402","name":"2024ClimateCentralLogo_WhiteHorizontal.png","type":"image/png","lastModified":1750828171357.042,"size":46532}] 38:{"id":"25163edc9ef9afb8","slug":"public-schools-exposed-to-urban-heat","title":"Public Schools Exposed to Urban Heat","thumbnail":"e99244fd5d31186e5a2ad8d84de1d2500bb38ee79d01af729416d13d0bc79ae3","access_level":"unlisted","create_time":"$D2025-06-25T04:28:46.634Z","update_time":"$D2026-09-11T17:29:17.187Z","view_time":null,"first_public_time":null,"has_unpublished_edits":null,"fork":{"id":"42b43ac17bfa1ba0","slug":"urban-heat-and-schools-in-detroit","title":"Urban Heat and Schools in Detroit","owner":{"id":"1b16cfac8e47ddf9","login":"climatecentral","name":"Climate Central"}},"stars":0,"starred":false,"owner":{"type":"team","id":"1b16cfac8e47ddf9","login":"climatecentral","name":"Climate Central","avatar_url":"https://avatars-next.observableusercontent.com/b8d84fbc6265f9a7c731e62fc076af7c84c7be3a9be06e52da319786d6b129dd","tier":"pro_2024","bio":"Communicating climate change science, effects, and solutions to the public and decision-makers.","followed_by_you":false,"follows_you":false},"version":958,"publish_version":null,"role":null,"authored":false,"authors":[{"type":"individual","id":"43d98796353ee1e2","login":"ktrudeau","name":"Kaitlyn Trudeau","avatar_url":"https://avatars-next.observableusercontent.com/3650447af2e2411fcfe3aa899ed520cce0fe01a62f5b78ec6617c32d64cdf326","tier":null,"bio":"Applied Climate Scientist @ Climate Central | Sacramento, CA","followed_by_you":false,"follows_you":false}],"members":[{"type":"individual","id":"43d98796353ee1e2","login":"ktrudeau","name":"Kaitlyn Trudeau","avatar_url":"https://avatars-next.observableusercontent.com/3650447af2e2411fcfe3aa899ed520cce0fe01a62f5b78ec6617c32d64cdf326","tier":null,"role":"editor"}],"comments":[],"custom_thumbnail":false,"trashed":false,"lapsed":null,"subscribed":null,"forks":1,"collection":{"id":"e8f8be89c7b5445e","slug":"urban-heat-islands","title":"Urban Heat Islands","owner":{"id":"1b16cfac8e47ddf9","login":"climatecentral","name":"Climate Central"}},"type":"notebook","body":{"titling":"auto","title":"Public Schools Exposed to Urban Heat","cells":[{"id":0,"value":"# Public Schools Exposed to Urban Heat","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"","database":"$undefined"},{"id":324,"value":"$3c","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":344,"value":"---","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"","database":"$undefined"},{"id":911,"value":"finalMap = embed(\n \"https://observablehq.com/embed/25163edc9ef9afb8@910?cells=embedMap&banner=false\"\n)","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":897,"value":"import { embed } from \"observable:@observablehq/auto-resizing-embed\"","pinned":false,"hidden":false,"mode":"js","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":311,"value":"viewof cityOptions = Inputs.select(\n d3.group(cities, (d) => d.cityState),\n {\n multiple: false,\n label: \"Select a city:\",\n unique: true,\n sort: true,\n value: \"Albany, NY\"\n }\n)","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":795,"value":"cities = FileAttachment(\"City_list.csv\").csv({ typed: true })","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":95,"value":"$3d","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":916,"value":"import {GeoJsonLayer, ScatterplotLayer } from 'npm:@deck.gl/layers';","pinned":true,"hidden":false,"mode":"ts","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":917,"value":"import {MapboxOverlay} from 'npm:@deck.gl/mapbox';","pinned":true,"hidden":false,"mode":"ts","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":801,"value":"public_schools = FileAttachment(\"public_schools.geojson\").json()","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":802,"value":"blocks = FileAttachment(\"allCities.geojson\").json()","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":819,"value":"cityBlocks = blocks.features.filter((d) => d.properties.city === cities[0].city)","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":62,"value":"function updateTooltip({ object, x, y }) {\n let tooltip = d3.select(\".tooltip\");\n if (object) {\n const gradeLow = object.properties.lowest_grade;\n const gradeHigh = object.properties.highest_grade;\n const freeReduced = object.properties.TOTFRL;\n const gradeSpan =\n gradeLow === \"M \" || gradeHigh === \"M \"\n ? \"Missing data\"\n : `${gradeLow}-${gradeHigh}`;\n tooltip.style.visibility = \"visible\";\n tooltip.style.left = `${x + 35}px`;\n tooltip.style.top = `${y + 305}px`;\n tooltip.innerText = `School: ${object.properties.SCH_NAME}\n Total students: ${object.properties.MEMBER}\n Total eligible for free/reduced lunch: ${\n freeReduced === -2\n ? \"Not applicable\"\n : freeReduced === -1\n ? \"Missing data\"\n : +freeReduced\n }\n Grades: ${gradeSpan}\n UHI Intensity: ${(+object.properties.indx__F).toFixed(1)}°F\n `;\n } else {\n tooltip.style.visibility = \"hidden\";\n }\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":823,"value":"lat = cityOptions[0].lat","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":825,"value":"lon = cityOptions[0].lon","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":827,"value":"zoomLevel = cities[0].zoom","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":484,"value":"viewof logo = await FileAttachment(\n \"2024ClimateCentralLogo_WhiteHorizontal.png\"\n).image({ width: 250, height: 30 })","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":54,"value":"colors = [\"#f6c97d\", \"#ea9a7b\"]","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":812,"value":"function hexToRgb(hex) {\n var result = /^#?([a-f\\d]{2})([a-f\\d]{2})([a-f\\d]{2})$/i.exec(hex);\n return result\n ? [\n parseInt(result[1], 16),\n parseInt(result[2], 16),\n parseInt(result[3], 16)\n ]\n : null;\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":814,"value":"function getColor(x) {\n if (+x >= 8) {\n return hexToRgb(colors[1]);\n } else {\n return hexToRgb(colors[0]);\n }\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":7,"value":"schoolsData = FileAttachment(\"public_schools.geojson\").json()","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":14,"value":"import maplibregl from \"npm:maplibre-gl@2.1.9\";","pinned":false,"hidden":false,"mode":"js","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":18,"value":"import { Deck } from \"npm:@deck.gl/core\";","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":808,"value":"function getLegend() {\n const leg = d3.create(\"svg\").attr(\"width\", 500).attr(\"height\", 50);\n\n const legendData = [\n { color: \"#f0c677\", label: \"Urban heat\" },\n { color: \"#ea9a7b\", label: \"Extreme urban heat (+8°F or more)\" }\n ];\n\n const legend = leg\n .append(\"g\")\n .attr(\"class\", \"legend\")\n .attr(\"transform\", \"translate(20, 20)\");\n\n const legendItem = legend\n .selectAll(\".legend-item\")\n .data(legendData)\n .enter()\n .append(\"g\")\n .attr(\"class\", \"legend-item\")\n .attr(\"transform\", (d, i) => `translate(${i * 155},0)`);\n\n legendItem\n .append(\"rect\")\n .attr(\"width\", 15)\n .attr(\"height\", 15)\n .attr(\"fill\", (d) => d.color);\n\n legendItem\n .append(\"text\")\n .attr(\"x\", 20)\n .attr(\"y\", 15)\n .text((d) => d.label)\n .style(\"font-family\", \"Work Sans\")\n .style(\"fill\", \"white\");\n\n return leg.node();\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":296,"value":"","pinned":false,"hidden":false,"mode":"html","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"","database":"$undefined"}],"files":"$W3e","stdlib":"2"}} 33:null