32:T4b3,mapRender = { // Create the \`map\` object with the mapboxgl.Map constructor, referencing // the container div let map = new mapboxgl.Map({ container: container, center: [-87.962710, 43.043865], zoom: 10, style: 'mapbox://styles/erincaughey/cik00ycj500xu94kqvjz3g5rc', scrollZoom: false // helpful to disable this when embedding maps within scrollable webpages }); // add navigation controls $zoom buttons, pitch & rotate$ map.addControl(new mapboxgl.NavigationControl()); map.on("load", function() { // add the source to the map styles map.addSource('hexGrid', { type: 'geojson', data: aggregatedData }); map.addLayer({ id: 'reject', type: 'fill', source: 'hexGrid', layout: {}, paint: { 'fill-color': { property: 'n', stops: colorRamp.map((d, i) => [i, d]) }, 'fill-opacity': { property: 'n', stops: [0, .8, .8, .8, .8].map((d, i) => [i, d]) }, } }); }); // Be careful to clean up the map's resources using \`map.remove()\` whenever try { yield map; yield invalidation; } finally { map.remove(); } }33:[{"id":"5574ea1f336f18b54cc40222b1207a45a708dd6c263af6e060b85ff441e085df95bd8aa2c4a51ef39af1f1022f40b686f52016b9816918cd3136790caecf969d","href":"https://static.observableusercontent.com/files/5574ea1f336f18b54cc40222b1207a45a708dd6c263af6e060b85ff441e085df95bd8aa2c4a51ef39af1f1022f40b686f52016b9816918cd3136790caecf969d","name":"hex-aggregated@3.json","type":"application/json","lastModified":1605044025219.317,"size":6744776}] 30:{"title":"Rejected absentee ballots in Wisconsin's Spring Primary - City of Milwaukee","cells":[{"id":31,"value":"md`# Rejected absentee ballots in Wisconsin's Spring Primary - City of Milwaukee\nTwo primary reasons for rejection were: \n

Absentee ballot postmarked after Election Day

Certification insufficient

\n\nBacktracking to catch up with #30DayMapChallenge. Day 4: Hexagons.`","pinned":false,"hidden":false,"mode":"ojs"},{"id":48,"value":"legend({\n color: d3.scaleSequential([0, maxN], d3.interpolateYlGnBu),\n title: \"Count of rejected ballots per bin\"\n})","pinned":false,"hidden":false,"mode":"ojs"},{"id":2,"value":"container = html`

`","pinned":false,"hidden":false,"mode":"ojs"},{"id":37,"value":"md`Source: City of Milwaukee
Hexbin sized at 1/4 kilometer`","pinned":false,"hidden":false,"mode":"ojs"},{"id":0,"value":"$32","pinned":false,"hidden":false,"mode":"ojs"},{"id":5,"value":"aggregatedData = await FileAttachment(\"hex-aggregated@3.json\").json()","pinned":false,"hidden":false,"mode":"ojs"},{"id":59,"value":"maxN = d3.max(aggregatedData.features, d => d.properties.n);","pinned":false,"hidden":false,"mode":"ojs"},{"id":6,"value":"mapHeight = 500","pinned":false,"hidden":false,"mode":"ojs"},{"id":8,"value":"colorRamp = ['#ffffcc','#a1dab4','#41b6c4','#2c7fb8','#253494']","pinned":false,"hidden":false,"mode":"ojs"},{"id":10,"value":"mapboxgl = {\n let mapboxgl = await require('mapbox-gl@0.49.0');\n mapboxgl.accessToken = 'pk.eyJ1IjoiZXJpbmNhdWdoZXkiLCJhIjoiY2lnd2x5ZWkwMHNqMzY1bTAyMmJ5aTlkbyJ9.iQD_-2TgQLMx5CDlVytksA';\n return mapboxgl;\n}","pinned":false,"hidden":false,"mode":"ojs"},{"id":12,"value":"mapboxglCSS = html``","pinned":false,"hidden":false,"mode":"ojs"},{"id":53,"value":"import {legend} from \"@d3/color-legend\"","pinned":false,"hidden":false,"mode":"ojs"},{"id":50,"value":"d3 = require(\"d3@6\")","pinned":false,"hidden":false,"mode":"ojs"}],"files":"$W33","stdlib":"1","titling":"auto"}