2a:null 2b:["$","title",null,{"children":"Compost Drop-off & Processing Sites | Zhi Keng He | Observable"}] 31:T5c9,map = { const settings = { maxZoom: 20, minZoom: 11, bounds: L.latLngBounds([40.496133, -74.2555913], [40.9155327, -73.30078125]) }; const map = L.map(mapContainer, { ...settings }).setView([40.67, -73.85], 11); L.tileLayer( 'https://cartodb-basemaps-{s}.global.ssl.fastly.net/rastertiles/voyager_labels_under/{z}/{x}/{y}{r}.png', { ...settings, attribution: 'Carto | © OSM contributors' } ).addTo(map); function createMarker(feature, latlng) { const style = ` background-color:${feature.properties.color}; border-radius: 0.2em; margin-right: 0.2em; border: 1px solid #FFF; height: inherit; width: inherit; display: inherit; `; const icon = L.divIcon({ className: 'leaflet-icon', html: ``, iconSize: [8, 8], iconAnchor: [5, 5] }); return L.marker(latlng, { icon }); } let layer = L.geoJSON(features, { pointToLayer: createMarker, onEachFeature: (feature, layer) => { if (feature.properties && feature.properties.label) { layer.bindPopup(feature.properties.label, { closeButton: false, autoPan: false, offset: L.point(0, 0) }); } } }).addTo(map); invalidation.then(() => map.remove()); return map; }32:T659,info = { //group by Neighborhood const sitesByNeighborhood = _.groupBy(sites, 'Neighborhood'); const sortedNeighborhood = Object.entries(sitesByNeighborhood).sort(); const info = d3.select('#info'); const neighborhoods = info .selectAll('div') .data(sortedNeighborhood, d => d) .join('div'); neighborhoods.selectAll("*").remove(); neighborhoods.style('margin-bottom', '1em'); neighborhoods.append('h3').html(d => d[0]); const divs = neighborhoods .append('div') .style('display', 'flex') .style('flex-wrap', 'wrap'); return divs .selectAll('div') .data(d => d[1]) .enter() .append('div') .html( d => `

${d['Location']}

${d['Location Notes']}

${ d['DSNY Funded'] === 'Y' ? 'DSNY Funded: Yes' : '' }

` ) .style('color', '#595959') .style('padding-left', '1em') .style('border', 'solid 1px rgba(220,220,220,0.2)') .style('flex', '1 1 350px') .on('click', (event, d) => { map.flyTo([+d.Latitude, +d.Longitude], 16); }); }33:[{"id":"b1fc2fa23cb1beb08c8a581e46c03d9359983debcfa1ad5ce52f358d55ae234818f9f0741f194b2eab267e426d34ee6a28624f45fca1b2d17b2317c86e65e5c0","href":"https://static.observableusercontent.com/files/b1fc2fa23cb1beb08c8a581e46c03d9359983debcfa1ad5ce52f358d55ae234818f9f0741f194b2eab267e426d34ee6a28624f45fca1b2d17b2317c86e65e5c0","name":"10-29-2020QueensFSDOs-1@2.csv","type":"text/csv","lastModified":1606332580428.88,"size":3799},{"id":"138c7798f9bede9e0c7ba740aba070e80972c02e8176563115161436acf06a67b92aedfa8d248d784002a008f7b676146047de12b5a8b0b134c7807a0986844b","href":"https://static.observableusercontent.com/files/138c7798f9bede9e0c7ba740aba070e80972c02e8176563115161436acf06a67b92aedfa8d248d784002a008f7b676146047de12b5a8b0b134c7807a0986844b","name":"10-29-2020QueensFSDOs-1-2.csv","type":"text/csv","lastModified":1606769807826.501,"size":3869}] 2e:{"id":"53f97d37f1439d42","slug":"compost-drop-off-processing-sites","title":"Compost Drop-off & Processing Sites","thumbnail":"bb2279976677492b19532d14f89559c7ef711f150f45ec0a1ec5d5db93efc5ed","access_level":"public","create_time":"$D2020-11-19T15:00:56.436Z","update_time":"$D2020-12-28T16:05:41.258Z","view_time":null,"first_public_time":"$D2020-11-19T17:49:27.444Z","fork":false,"stars":0,"starred":false,"owner":{"type":"team","id":"16506c8d98fe0d4f","login":"zhik","name":"Zhi Keng He","avatar_url":"https://avatars-next.observableusercontent.com/1921c3cb8ffa82cde953aa4417dc8b601dbd05384629c1f8ecf0544be068a204","tier":"starter_2024"},"version":429,"publish_version":429,"role":null,"authored":false,"authors":[{"type":"individual","id":"215e59083f0e53f8","login":"zhik","name":"Zhi Keng He","avatar_url":"https://avatars-next.observableusercontent.com/1921c3cb8ffa82cde953aa4417dc8b601dbd05384629c1f8ecf0544be068a204","tier":null}],"members":[{"type":"individual","id":"215e59083f0e53f8","login":"zhik","name":"Zhi Keng He","avatar_url":"https://avatars-next.observableusercontent.com/1921c3cb8ffa82cde953aa4417dc8b601dbd05384629c1f8ecf0544be068a204","tier":null,"role":"editor"}],"comments":[],"custom_thumbnail":false,"trashed":false,"subscribed":null,"forks":0,"collection":null,"type":"notebook","body":{"title":"Compost Drop-off & Processing Sites","cells":[{"id":0,"value":"md`\n# Compost Drop-off & Processing Sites\n\nAs of 10/29/2020\n`","pinned":false,"hidden":false,"mode":"ojs"},{"id":78,"value":"html`\n

\n On-site processing\n Drop-off only\n

\nMouse over sites for information\n`","pinned":false,"hidden":false,"mode":"ojs"},{"id":390,"value":"mapContainer = {\n const mapContainer = DOM.element('div', { style: `height:600px;` });\n yield mapContainer;\n}","pinned":false,"hidden":false,"mode":"ojs"},{"id":118,"value":"html`

`","pinned":false,"hidden":false,"mode":"ojs"},{"id":7,"value":"md`## Appendix`","pinned":false,"hidden":false,"mode":"ojs"},{"id":4,"value":"$31","pinned":false,"hidden":false,"mode":"ojs"},{"id":111,"value":"$32","pinned":false,"hidden":false,"mode":"ojs"},{"id":27,"value":"//load data\nsites = d3.csvParse(await FileAttachment(\"10-29-2020QueensFSDOs-1-2.csv\").text())","pinned":false,"hidden":false,"mode":"ojs"},{"id":47,"value":"features = sites.map((site, index) => ({\n type: \"Feature\",\n id: index,\n properties: {\n name: site['Site Name'],\n location: site['Location'],\n neighborhood: site['Neighborhood'],\n label: `\n

${site['Site Name']}

${site['Location']}

${site['Location Notes']}

DSNY Funded: ${\n site['DSNY Funded'] === 'Y' ? 'Yes' : 'No'\n }

`,\n color: site['On Site Processing'] === 'Y' ? '#004095' : '#409500'\n },\n geometry: {\n type: \"Point\",\n coordinates: [+site['Longitude'], +site['Latitude']]\n }\n}))","pinned":false,"hidden":false,"mode":"ojs"},{"id":10,"value":"L = {\n const L = await require(\"leaflet@1/dist/leaflet.js\");\n if (!L._style) {\n const href = await require.resolve(\"leaflet@1/dist/leaflet.css\");\n document.head.appendChild(L._style = html``);\n }\n return L;\n}","pinned":false,"hidden":false,"mode":"ojs"},{"id":29,"value":"d3 = require(\"d3\")","pinned":true,"hidden":false,"mode":"ojs"},{"id":115,"value":"_ = require(\"lodash\")","pinned":true,"hidden":false,"mode":"ojs"}],"files":"$W33","stdlib":"1","titling":"auto"}} 2f:"$2e:body"