29:null 2a:["$","title",null,{"children":"Untitled | Rhonda Giadolor's Workspace | Observable"}] 2f:T834,getttDeckGLMap = (layers, pitch , bearing) => { let container = html`

`; // Ensure container is positioned relatively for tooltip positioning. let tooltip = html``; // High z-index to ensure visibility container.appendChild(tooltip); let deckgl = new deck.DeckGL({ container, map: mapboxgl, mapboxAccessToken: '', mapboxApiAccessToken: mapboxToken, mapStyle: 'mapbox://styles/mapbox/dark-v10', layers: layers, initialViewState: { longitude: -95.6914, latitude: 39.0481, zoom: 3.8, minZoom: 4, maxZoom: 17, pitch: pitch = 45, bearing: bearing = -10, }, controller: true, onViewStateChange: ({viewState}) => { deckgl.setProps({viewState}); }, onHover: ({object, x, y}) => { console.log(object); if (object) { const formatNumber = (value) => typeof value === 'number' ? value.toFixed(2) : 'N/A'; const content = `

County, State: ${object["County, State"]}

Food Insecurity Rate: ${object["Overall Food Insecurity Rate"]}

# of Food Insecure Persons: ${object["# of Food Insecure Persons Overall"]}

FI Rate among Black Persons: ${object["FI Rate among Black Persons (all ethnicities)"]}

FI Rate among Hispanic Persons: ${object["FI Rate among Hispanic Persons (any race)"]}

FI Rate among White, non-Hispanic Persons: ${object["FI Rate among White, non-Hispanic Persons "]}

`; tooltip.style.display = 'block'; tooltip.style.top = `${y}px`; tooltip.style.left = `${x}px`; tooltip.innerHTML = content; } else { tooltip.style.display = 'white'; } } }); return container; } 30:[{"id":"18256788bc788625963ec4f1c00ae67460a14b74832b8f48421b0bb6995769ff862036bfa2f523289d74080c67822421605c65085a7cf07ef8a1b7ce531923a7","href":"https://static.observableusercontent.com/files/18256788bc788625963ec4f1c00ae67460a14b74832b8f48421b0bb6995769ff862036bfa2f523289d74080c67822421605c65085a7cf07ef8a1b7ce531923a7","name":"Version_2_MMG2023_2019-2021_Data_ToShare@1.xlsx - County.csv","type":"text/csv","lastModified":1711360299060.89,"size":831217}] 2d:{"id":"b4a6822101c022fc","slug":null,"title":"","thumbnail":"5e38d2da37c2ca101b812d6e7d05f1ad125ebb188103e910497fdd13bd50be4d","access_level":"public","create_time":"$D2024-03-25T09:51:39.060Z","update_time":"$D2024-04-03T17:53:50.123Z","view_time":null,"first_public_time":"$D2024-04-01T11:38:26.033Z","fork":{"id":"5200ae92c28292bd","slug":null,"title":"","owner":{"id":"0e4f3bfcc8beb20b","login":"dis-2024-spring","name":"🪦 dis-2024-spring"}},"stars":0,"starred":false,"owner":{"type":"team","id":"e4e8f39598821e0c","login":"rhonda-giadolor-ws","name":"Rhonda Giadolor's Workspace","avatar_url":"https://avatars-next.observableusercontent.com/a56bc868907bd1cf780ef3f4208a502a6347b9e1b087cc0f53d1a132a31d7e2a","tier":"starter_2024"},"version":234,"publish_version":null,"role":null,"authored":false,"authors":[{"type":"individual","id":"4c3460d63de72910","login":"rhonda-giadolor","name":"Rhonda Giadolor","avatar_url":"https://avatars-next.observableusercontent.com/e3441960e78278442fe9058cd8bb6043f7a91930b5cffbdc78776baf84eece3a","tier":null}],"members":[{"type":"individual","id":"4c3460d63de72910","login":"rhonda-giadolor","name":"Rhonda Giadolor","avatar_url":"https://avatars-next.observableusercontent.com/e3441960e78278442fe9058cd8bb6043f7a91930b5cffbdc78776baf84eece3a","tier":null,"role":"editor"},{"type":"team","id":"e4e8f39598821e0c","login":"rhonda-giadolor-ws","name":"Rhonda Giadolor's Workspace","avatar_url":"https://avatars-next.observableusercontent.com/a56bc868907bd1cf780ef3f4208a502a6347b9e1b087cc0f53d1a132a31d7e2a","tier":"starter_2024","role":"editor"}],"comments":[],"custom_thumbnail":false,"trashed":false,"subscribed":null,"forks":3,"collection":null,"type":"notebook","body":{"title":"","cells":[{"id":8,"value":"data = FileAttachment(\"Version_2_MMG2023_2019-2021_Data_ToShare@1.xlsx - County.csv\").csv({typed: true})","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":5,"value":"mapboxgl = require('mapbox-gl@^1.5.1/dist/mapbox-gl.js');","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":11,"value":"deck = require.alias({\n h3: {},\n s2Geometry: {}\n})('deck.gl@8.4.1/dist.min.js')","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":24,"value":"getDeckGLMap = (layers, pitch) => {\n if (pitch === undefined) {\n pitch = 0;\n }\n\n let container = html `

`;\n\n let deckgl = new deck.DeckGL({\n container,\n map: mapboxgl,\n mapboxAccessToken: '',\n mapboxApiAccessToken: mapboxToken,\n mapStyle: 'mapbox://styles/mapbox/dark-v10',\n layers: layers,\n initialViewState: {\n longitude: -95.6914,\n latitude: 39.0481,\n zoom: 3.8,\n minZoom: 4,\n maxZoom: 17,\n pitch: pitch = 45, // Adjusted for a tilted view\n bearing: bearing = -10, // Adjusted to rotate the view\n },\n controller: true\n });\n\n return container;\n}","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":114,"value":"gettDeckGLMap([\n new deck.HexagonLayer({\n id: \"food-insecurity-heatmap\",\n data: data, // Assuming 'data' is already loaded and filtered as needed\n radius: 8500, // Adjust this based on the geographic density of your data\n elevationRange: [0, 3000], // Adjust the max elevation to suit your data scale\n elevationScale: 1000, // Controls how dramatic the 3D effect is\n getColorWeight: d => d[\"# of Food Insecure Persons Overall\"],\n colorAggregation: \"SUM\",\n getElevationWeight: d => d[\"# of Food Insecure Persons Overall\"],\n elevationAggregation: \"SUM\",\n extruded: true, // This is what makes the layer 3D\n getPosition: d => [d.Longitude, d.Latitude],\n pickable: true,\n upperPercentile: 99.9,\n lowerPercentile: 0,\n colorRange: [ // Define a color range for the hexagons\n [1, 152, 189],\n [73, 227, 206],\n [216, 254, 181],\n [254, 237, 177],\n [254, 173, 84],\n [209, 55, 78]\n ],\n \n })\n])","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":180,"value":"$2f","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":183,"value":"getttDeckGLMap([\n new deck.HexagonLayer({\n id: \"food-insecurity-heatmap\",\n data: data, // Assuming 'data' is already loaded and filtered as needed\n radius: 8500, // Adjust this based on the geographic density of your data\n elevationRange: [0, 3000], // Adjust the max elevation to suit your data scale\n elevationScale: 1000, // Controls how dramatic the 3D effect is\n getColorWeight: d => d[\"# of Food Insecure Persons Overall\"],\n colorAggregation: \"SUM\",\n getElevationWeight: d => d[\"# of Food Insecure Persons Overall\"],\n elevationAggregation: \"SUM\",\n extruded: true, // This is what makes the layer 3D\n getPosition: d => [d.Longitude, d.Latitude],\n pickable: true,\n upperPercentile: 99.9,\n lowerPercentile: 0,\n colorRange: [ // Define a color range for the hexagons\n [1, 152, 189],\n [73, 227, 206],\n [216, 254, 181],\n [254, 237, 177],\n [254, 173, 84],\n [209, 55, 78]\n ],\n \n })\n])","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":17,"value":"mapboxToken = \"pk.eyJ1IjoiYm9zdGFkc2J1c3NlbiIsImEiOiJjbHN1a2JsZzYyODA0Mm1uc285N25hdDR5In0.xpGMqGPiskiRgb4wCyBoTg\"","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":179,"value":"- Add hover over effect\n- Add slider/checkbox for three years of data","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","output":"","database":"$undefined"}],"files":"$W30","stdlib":"1","titling":"auto"}} 2e:"$2d:body"