45:["$","title",null,{"children":"CPR WORK IN PROGRESS | Dylan | Observable"}] 4d:Ta0b,map = { const container = yield htl.html`

`; const map = L.map(container).setView([37.774, -122.423], 5); L.tileLayer("https://{s}.tile.openstreetmap.org/{z}/{x}/{y}.png", { attribution: "© OpenStreetMap contributors" }).addTo(map); const sortedData= data.map(f => f.properties.lbs_chem_used).sort((a,b)=>a-b) let quintiles = [.8, .6, .4, .2].map(n => d3.quantile(sortedData, n)) function getColor(d) { return d > quintiles[0] ? '#b30000' : d > quintiles[1] ? '#e34a33' : d > quintiles[2] ? '#fc8d59' : d > quintiles[3] ? '#fdcc8a' : '#fef0d9'; } function style(feature) { return { fillColor: getColor(feature.properties.lbs_chem_used), weight: 1, opacity: 1, color: 'white', dashArray: '3', fillOpacity: 0.7 }; } var geojson = L.geoJSON(data, { style }).addTo(map).addData(data) var legend = L.control({position: 'bottomright'}); const handleClick = (e) => { const tooltip = document.querySelector('.tooltip') const props = e.sourceTarget.feature.properties geojson.eachLayer((layer) => { if (layer.feature.properties.NAME == props.NAME) { layer.setStyle({ color: 'black', weight: 2 }); // set the style of the clicked feature } else { layer.setStyle({ color: 'white', weight: 1 }); // set the style of all other features } }) tooltip.innerHTML = ` ${Object.entries(props).map(f => f[0] == 'geometry' ? `` : ``)}

${f[0]}

${f[1]}

` } geojson.on('click', e => handleClick(e)) legend.onAdd = function (map) { var div = L.DomUtil.create('div', 'info legend'), grades = [...quintiles, 0], labels = []; div.innerHTML += `Pounds used of
Active Ingredients Chem
AI Type: ${PESTICIDE_TYPE}
` // loop through our density intervals and generate a label with a colored square for each interval for (var i = 0; i < grades.length; i++) { div.innerHTML += '' + `Quintile ${5-i}
` } return div; }; var tooltip = L.control({position: 'topright'}); tooltip.onAdd = function (map) { var div = L.DomUtil.create('div', 'info legend tooltip') return div; }; legend.addTo(map); tooltip.addTo(map); }4e:[] 49:{"id":"0b59b244dfde7c50","slug":"cpr-work-in-progress","title":"CPR WORK IN PROGRESS","thumbnail":"6db7779c3d9adefc364f07360ccf6ba52e2750729806b329d0ffe6e921bae91d","access_level":"public","create_time":"$D2023-08-17T21:55:40.655Z","update_time":"$D2023-09-12T21:41:53.750Z","view_time":null,"first_public_time":"$D2023-08-17T21:55:40.655Z","has_unpublished_edits":null,"fork":false,"stars":0,"starred":false,"owner":{"type":"team","id":"02a75d28143bf487","login":"nofurtherinformation","name":"Dylan","avatar_url":"https://avatars-next.observableusercontent.com/a494170e1e25c8f92f54468c30fecf4bcf81095a7268e37af8e633e7fd8d22ba","tier":"starter_2024","bio":"Senior Software Engineer at the Center for Spatial Data Science, UChicago. Lead engineer on the US Covid Atlas ","followed_by_you":false,"follows_you":false},"version":460,"publish_version":null,"role":null,"authored":false,"authors":[{"type":"individual","id":"54c23d6cacd69e20","login":"nofurtherinformation","name":"Dylan","avatar_url":"https://avatars-next.observableusercontent.com/a494170e1e25c8f92f54468c30fecf4bcf81095a7268e37af8e633e7fd8d22ba","tier":null,"bio":"Senior Software Engineer at the Center for Spatial Data Science, UChicago. Lead engineer on the US Covid Atlas ","followed_by_you":false,"follows_you":false}],"members":[{"type":"individual","id":"54c23d6cacd69e20","login":"nofurtherinformation","name":"Dylan","avatar_url":"https://avatars-next.observableusercontent.com/a494170e1e25c8f92f54468c30fecf4bcf81095a7268e37af8e633e7fd8d22ba","tier":null,"role":"editor"}],"comments":[],"custom_thumbnail":false,"trashed":false,"lapsed":null,"subscribed":null,"forks":2,"collection":null,"type":"notebook","body":{"titling":"auto","title":"CPR WORK IN PROGRESS","cells":[{"id":0,"value":"# CPR WORK IN PROGRESS\n## Temporary Data Viewer\n## Not representative of final work.","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"","database":"$undefined"},{"id":79,"value":"viewof PESTICIDE_TYPE = Inputs.select([\n\"Insecticide\",\"Adjuvant\",\"Plant_Growth_Regulator\",\"Fungicide\",\"Herbicide\",\"Other\",\"Fumigant\",\"Fungicide/Insecticide\",\"Defoliant\" \n], {label: \"Select a Pestitice Active Ingredient Type\"})","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":83,"value":"$4d","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":39,"value":"data = fetch(`https://d15yl9qyw1y5mg.cloudfront.net/data-query/6500c3f12570170008ea4c6e?ai_type=${PESTICIDE_TYPE}`)\n .then(r => r.json())\n .then(data => data.map(row => ({\n type:\"Feature\",\n properties: row,\n geometry: parseWkb(row.geometry)\n }))\n );","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":101,"value":"wkx = require( 'https://bundle.run/wkx@0.4.6' )","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":138,"value":"toBuffer = require('https://bundle.run/typedarray-to-buffer@4.0.0')","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":207,"value":"parseWkb = (geometry) => {\n const buf = toBuffer(new Uint8Array(geometry.data))\n return wkx.Geometry.parse(buf).toGeoJSON()\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":205,"value":"geojsonData = ({\n type: \"FeatureCollection\",\n features: data\n})","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":338,"value":"html`\n\n`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"}],"files":"$W4e","stdlib":"1"}} 44:null