29:null 2a:["$","title",null,{"children":"PCA Amendment Viewer | Kray Freestone | Observable"}] 2f:T6f5,map = { function resetHighlight(e) { geojson.resetStyle(e.target); info.update(); } function onEachFeature(feature, layer) { layer.on({ mouseover: highlightFeature, mouseout: resetHighlight, click: zoomToFeature }); } function highlightFeature(e) { var layer = e.target; layer.setStyle({ weight: 5, color: '#666', dashArray: '', fillOpacity: 1 }); layer.bringToFront(); info.update(layer.feature.properties); } function zoomToFeature(e) { map.fitBounds(e.target.getBounds()); } const container = yield htl.html`

`; const map = L.map(container).setView([50.774, -100.423], 3); L.tileLayer("https://{s}.tile.openstreetmap.org/{z}/{x}/{y}.png", { attribution: "© OpenStreetMap contributors" }).addTo(map); var geojson; geojson = L.geoJson(boundaries.geo, { style: style, onEachFeature: onEachFeature }).addTo(map); var info = L.control(); info.onAdd = function (map) { this._div = L.DomUtil.create('div', 'info'); // create a div with a class "info" this.update(); return this._div; }; // method that we will use to update the control based on feature properties passed info.update = function (props) { let str = '' if (props) { let res = presDataObj[`${props.name}-${activeItem}`] str += props.name if (res.for) { str += `
For: ${res.for}
Against: ${res.against} ` } } else { str += 'Hover over a presbytery' } this._div.innerHTML = str; }; info.addTo(map); }30:[{"id":"cfd11b9249c93d469e0a8de8f25f329ea3dbab7849382166a6d3e0cae6bf82c441eaddbed3387e0bfa10b969fcd270d466dabf943f9c455bb990fb186aed6b40","href":"https://static.observableusercontent.com/files/cfd11b9249c93d469e0a8de8f25f329ea3dbab7849382166a6d3e0cae6bf82c441eaddbed3387e0bfa10b969fcd270d466dabf943f9c455bb990fb186aed6b40","name":"pca.geojson","type":"application/geo+json","lastModified":1668635349182.452,"size":1948637},{"id":"920f6e8ad7ae41a40b77a7dbe4fffee155d9572cd8737049ead9d21b21a48df6a69dc27ac7471035ff393095f710ce9e544a67e16ecc2af27b0aa5e1266930c4","href":"https://static.observableusercontent.com/files/920f6e8ad7ae41a40b77a7dbe4fffee155d9572cd8737049ead9d21b21a48df6a69dc27ac7471035ff393095f710ce9e544a67e16ecc2af27b0aa5e1266930c4","name":"pca_korean.geojson","type":"application/geo+json","lastModified":1668635660027.089,"size":193057}] 2d:{"id":"636785102b8443f8","slug":null,"title":"PCA Amendment Viewer","thumbnail":"1a274351e918c2f4461ce865583bb18665b6c3707254ea1665a7fd5395c04993","access_level":"public","create_time":"$D2022-11-16T21:49:09.182Z","update_time":"$D2022-11-19T20:16:09.303Z","view_time":null,"first_public_time":"$D2022-11-16T21:49:09.182Z","fork":true,"stars":0,"starred":false,"owner":{"type":"team","id":"27e784377ccb5cf5","login":"krayfish","name":"Kray Freestone","avatar_url":"https://avatars-next.observableusercontent.com/65c14f8fd58a6c5ef49731b3d9f47b1ef441cb8a9f7cac41c1588444862ceb86","tier":"starter_2024"},"version":561,"publish_version":null,"role":null,"authored":false,"authors":[{"type":"individual","id":"42a5b01268892b81","login":"krayfish","name":"Kray Freestone","avatar_url":"https://avatars-next.observableusercontent.com/65c14f8fd58a6c5ef49731b3d9f47b1ef441cb8a9f7cac41c1588444862ceb86","tier":null}],"members":[{"type":"individual","id":"42a5b01268892b81","login":"krayfish","name":"Kray Freestone","avatar_url":"https://avatars-next.observableusercontent.com/65c14f8fd58a6c5ef49731b3d9f47b1ef441cb8a9f7cac41c1588444862ceb86","tier":null,"role":"editor"}],"comments":[],"custom_thumbnail":false,"trashed":false,"subscribed":null,"forks":0,"collection":null,"type":"notebook","body":{"title":"PCA Amendment Viewer","cells":[{"id":0,"value":"md`# PCA Amendment Viewer\n\nData comes from [@SEdburg](https://twitter.com/SEdburg) and can be found in his [Google Drive sheet](https://docs.google.com/spreadsheets/d/1zHPyYMQohB26zup97N2UPOCAuo21tOxrCwtmRIGokng/edit) \n\nCode for keeping the data in sync with Scott's spreadsheet lives in my [pca-amendments](https://github.com/freestok/pca-amendments) GitHub repository. \n\nChange boundary type to see the vote results change on the map. Select an item to see the vote counts for each item (results reflected in the bar chart and map). \n\n--- \n\n`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":56,"value":"viewof boundaries = Inputs.select(presbyteries, {label: \"Boundary Type\", format: x => x.name, value: presbyteries.find(t => t.name === \"PCA Boundaries\")})","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":270,"value":"viewof activeItem = Inputs.select([\"Item 1\", \"Item 2\", \"Item 3\", \"Item 4\", \"Item 5\", \"Item 6\", \"Item 7\", \"Item 8\", \"Item 9\", \"Item 10\", \"Item 11\", \"Item 12\"], {label: \"Select an item\"})","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":447,"value":"Plot.plot({\n x: {\n grid: true,\n label: 'vote count'\n },\n y: {\n label: null\n },\n marks: [\n // Plot.line([59], {fillOpacity: 1, stroke: 'black'}), \n // Plot.barX([59], {fillOpacity: 0.4, stroke: 'black'}),\n // Plot.barX([88], {fill: \"orange\", fillOpacity: 0.4}),\n Plot.barX(votes, {x: \"count\", y: \"vote\", fill: d => d.vote === 'for' ? forColor : againstColor}),\n Plot.ruleX([59], {stroke: \"black\"}),\n Plot.ruleX([88], {stroke: \"red\", opacity: 0}),\n Plot.text(votes, {\n x: \"count\",\n y: \"vote\",\n text: d => d.count,\n fill: \"black\",\n // dy: -5\n dx: 7\n }),\n Plot.text(['59 to pass'], {\n frameAnchor: \"top\",\n fontSize: 12,\n x: 60, // paragraph number\n lineWidth: 20,\n textAnchor: \"start\",\n lineHeight: 1.3,\n // monospace: true,\n // clip: true\n }),\n Plot.ruleX([0])\n ],\n // .plot({x: {label: \"units →\"}})\n})","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":291,"value":"Swatches(d3.scaleOrdinal([\"For\", \"Against\"], [forColor, againstColor]))","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":343,"value":"$2f","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":287,"value":"

Scary code below!

","pinned":false,"hidden":false,"mode":"html","author":"$undefined","summary":"$undefined"},{"id":112,"value":"## Map Settings and Functions","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined"},{"id":408,"value":"","pinned":false,"hidden":false,"mode":"html","author":"$undefined","summary":"$undefined"},{"id":349,"value":"function getColor(d) {\n let res = presDataObj[`${d.name}-${activeItem}`]\n // let res = presData.find(e => e.presbytery === d.properties.name && e.item === 'Item 1')\n console.log('res', res)\n if (res == null) {\n return 'black'\n } else if (res.for === null && res.against === null) {\n return '#d3d3d3'\n } else if (res.for > res.against) {\n return forColor\n } else {\n return againstColor\n }\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":353,"value":"function style(feature) {\n return {\n fillColor: getColor(feature.properties),\n weight: 1,\n opacity: 1,\n color: 'white',\n // dashArray: '3',\n fillOpacity: 0.9\n };\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":207,"value":"againstColor = '#beaed4'","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":301,"value":"forColor = '#fdc086'","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":119,"value":"## Geometry Data","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined"},{"id":82,"value":"data = boundaries.geo","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":58,"value":"presbyteries = [\n {\n name: \"PCA Boundaries\",\n geo: pcaBounds,\n value: feature => feature.properties.POP_EST,\n },\n {\n name: \"PCA Boundaries (Korean)\", \n geo: pcaKoreanBounds,\n value: feature => feature.properties.POP_EST,\n }\n]","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":68,"value":"pcaKoreanBounds = FileAttachment(\"pca_korean.geojson\").json()","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":66,"value":"pcaBounds = FileAttachment(\"pca.geojson\").json()","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":97,"value":"## Get CSV Data","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined"},{"id":99,"value":"presData = d3.csv(\"https://raw.githubusercontent.com/freestok/pca-amendments/main/presbytery_data.csv\", d3.autoType)\n// d3.csvParse(string, d3.autoType)","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":245,"value":"presDataObj = {\n let presDataObj = {}\n for (let row of presData) {\n presDataObj[`${row.presbytery}-${row.item}`] = row\n }\n return presDataObj\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":439,"value":"votesForPassing = 59","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":443,"value":"votes = {\n let filteredData = presData.filter(e => e.item === activeItem)\n let forVotes = filteredData.filter(e => (e.for != null && e.against != null) && e.for > e.against).length\n let againstVotes = filteredData.filter(e => (e.for != null && e.against != null) && e.for <= e.against).length\n return [\n {vote: 'for', count: forVotes},\n {vote: 'against', count: againstVotes}\n ]\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":95,"value":"## Imports","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined"},{"id":149,"value":"import {legend, Swatches} from \"@d3/color-legend\"","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":220,"value":"import {logTable} from '@sorig/console-log-without-leaving-your-notebook'","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":12,"value":"// d3Geo = require(\"d3-geo@1\")","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":103,"value":"d3 = require('d3')","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"}],"files":"$W30","stdlib":"1","titling":"auto"}} 2e:"$2d:body"