28:null 29:["$","title",null,{"children":"US Poverty Levels | Yinglin Chen's Workspace | Observable"}] 2e:Tcdd,map = { let container = DOM.element('div',{style: `width:${width}px; height:${width / 1.6}px`}); yield container; let map = L.map(container).setView([37.8, -96], 4); let osmLayer = L.tileLayer('https://api.tiles.mapbox.com/v4/{id}/{z}/{x}/{y}.png?access_token={accessToken}', { attribution: 'Map data © OpenStreetMap contributors, CC-BY-SA, Imagery © Mapbox', maxZoom: 5, id: 'mapbox.light', accessToken: 'pk.eyJ1IjoibWFyZ2FyZXR3dyIsImEiOiJjam9ieGlucTUwZjdxM3JwYmxub2tiZ3AwIn0.cwdLeCUHIJb56gMxced16w' }).addTo(map); L.geoJson(statesdata2017,{style:style}).addTo(map); // add popup info var info = L.control(); info.onAdd = function (map) { this._div = L.DomUtil.create('div', 'info'); // create a div with a class "inf this.update(); return this._div; }; // method that we will use to update the control based on feature properties passed info.update = function (props) { this._div.innerHTML = '

US Search trends scores

' + (props ? '' + props.name + '
' + props.scores : 'Hover over a state'); console.log(props); }; info.addTo(map); info._div.style["background"] = "rgba(255,255,255,0.8)"; info._div.style["padding"] = "6px 8px"; info._div.style["font"] = "14px/16px Arial, Helvetica, sans-serif"; info._div.style["box-shadow"] = "0 0 15px rgba(0,0,0,0.2)"; info._div.style["border-radius"] = "5px"; // Add interaction !!!!!!!!!! function highlightFeature(e){ var layer = e.target; layer.setStyle({ weight: 5, color :'#666', dashArray:' ', fillOpacity: 0.7 }); if (!L.Browser.ie && !L.Browser.opera && !L.Browser.edge) { layer.bringToFront(); } info.update(layer.feature.properties); } var geojson; function resetHighlight(e){ geojson.resetStyle(e.target); info.update(); } function zoomToFeature(e){ map.fitBounds(e.target.getBounds()); } function onEachFeature(feature, layer) { layer.on({ mouseover: highlightFeature, mouseout: resetHighlight, click: zoomToFeature }); } geojson = L.geoJson(statesdata2017, { style: style, onEachFeature: onEachFeature }).addTo(map); //add legend var legend = L.control({position:"bottomright"}); legend.onAdd = function(map) { var div = L.DomUtil.create('div','info legend'), grades = [0,40,55,70,85], labels = []; //loop for (var i = 0; i < grades.length; i ++){ div.innerHTML += ' ' + grades[i] + (grades[i + 1] ? '–' + grades[i + 1] + '
' : '+'); } return div; }; legend.addTo(map); legend._container.style["line-height"] = "18px"; legend._container.style["color"] = "#555"; legend._container.style["background"] = "rgba(255,255,255,0.8)"; legend._container.style["padding"] = "6px 8px"; legend._container.style["box-shadow"] = "0 0 15px rgba(0,0,0,0.2)"; legend._container.style["border-radius"] = "5px"; }2f:[] 2c:{"id":"d7a3d1824ef4b842","slug":null,"title":"US Poverty Levels","thumbnail":"ccb62e76918dc08e7aaac801ac2e3cd51066ae77473fb9a5c6d1a707c96d2d39","access_level":"public","create_time":"$D2023-10-24T16:50:30.094Z","update_time":"$D2023-10-24T18:22:10.795Z","view_time":null,"first_public_time":"$D2023-10-24T16:50:30.094Z","fork":{"id":"653a66d2cf5378ec","slug":"map","title":"Map","owner":{"id":"1f125dcf5d7b852a","login":"margretwg","name":""}},"stars":0,"starred":false,"owner":{"type":"team","id":"9a8f3aca95766675","login":"yinglin-chen-ws","name":"Yinglin Chen's Workspace","avatar_url":"https://avatars-next.observableusercontent.com/63ee0957aa4d29943f5aa8c056ef4aaacb3b97116ad6003a46891044221dd343","tier":"starter_2024"},"version":335,"publish_version":null,"role":null,"authored":false,"authors":[{"type":"individual","id":"a3f9ed4b29b964bb","login":"yinglin-chen","name":"Yinglin Chen","avatar_url":"https://avatars-next.observableusercontent.com/1ee33433198e0a7b9407ff4f73aaef9e20f59e3b344c2f533626d0a22eef4679","tier":null}],"members":[{"type":"individual","id":"a3f9ed4b29b964bb","login":"yinglin-chen","name":"Yinglin Chen","avatar_url":"https://avatars-next.observableusercontent.com/1ee33433198e0a7b9407ff4f73aaef9e20f59e3b344c2f533626d0a22eef4679","tier":null,"role":"editor"},{"type":"team","id":"9a8f3aca95766675","login":"yinglin-chen-ws","name":"Yinglin Chen's Workspace","avatar_url":"https://avatars-next.observableusercontent.com/63ee0957aa4d29943f5aa8c056ef4aaacb3b97116ad6003a46891044221dd343","tier":"starter_2024","role":"editor"}],"comments":[],"custom_thumbnail":false,"trashed":false,"subscribed":null,"forks":0,"collection":null,"type":"notebook","body":{"title":"US Poverty Levels","cells":[{"id":0,"value":"md`# US Poverty Levels`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":178,"value":"title = html`

Topic: Air Pollution Year: 2015

`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":295,"value":"function myfunc(p) {\n \n var ss = title.innerHTML;\n console.log(ss)\n ss= ss.split(\" \").slice(0,-1).join(\" \");\n title.innerHTML = ss + \" \"+ p.innerHTML;\n }\n ","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":6,"value":"$2e","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":79,"value":"getColor = d => {\n return d > 85 ? '#800026' :\n d > 70 ? '#BD0026' :\n d > 55 ? '#E31A1C' :\n d > 40 ? '#FD8D3C':\n '#FFEDA0';\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":87,"value":"style = feature=>{\n return {\n fillColor: getColor(feature.properties.scores),\n weight : 2,\n opacity:1,\n color: 'white',\n dashArray: '3',\n fillOpacity:0.5\n };\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":322,"value":"statesdata2017 = await d3.json(\"https://gist.githubusercontent.com/MargretWG/f00942ba82cb8cb9abafd65ac8746e16/raw/a434e0b82e35d55971106de8782d3f0b87256248/2017_state_data.json\")","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":7,"value":"L = require('leaflet@1.2.0')","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":10,"value":"html``","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":2,"value":"d3 = require(\"d3@5\")","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"}],"files":"$W2f","stdlib":"1","titling":"auto"}} 2d:"$2c:body"