2b:null 2c:["$","title",null,{"children":"PCA Amendment Viewer | Kray Freestone | Observable"}] 31: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); }32:[{"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}] 2f:{"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","has_unpublished_edits":null,"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,"lapsed":null,"subscribed":null,"forks":0,"collection":null,"type":"notebook","body":{"titling":"auto","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","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$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","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$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","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$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","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":291,"value":"Swatches(d3.scaleOrdinal([\"For\", \"Against\"], [forColor, againstColor]))","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":343,"value":"$31","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":287,"value":"

Scary code below!

","pinned":false,"hidden":false,"mode":"html","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"","database":"$undefined"},{"id":112,"value":"## Map Settings and Functions","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"","database":"$undefined"},{"id":408,"value":"","pinned":false,"hidden":false,"mode":"html","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"","database":"$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","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$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","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":207,"value":"againstColor = '#beaed4'","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":301,"value":"forColor = '#fdc086'","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":119,"value":"## Geometry Data","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"","database":"$undefined"},{"id":82,"value":"data = boundaries.geo","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$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","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":68,"value":"pcaKoreanBounds = FileAttachment(\"pca_korean.geojson\").json()","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":66,"value":"pcaBounds = FileAttachment(\"pca.geojson\").json()","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":97,"value":"## Get CSV Data","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"","database":"$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","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$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","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":439,"value":"votesForPassing = 59","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$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","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":95,"value":"## Imports","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"","database":"$undefined"},{"id":149,"value":"import {legend, Swatches} from \"@d3/color-legend\"","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":220,"value":"import {logTable} from '@sorig/console-log-without-leaving-your-notebook'","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":12,"value":"// d3Geo = require(\"d3-geo@1\")","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":103,"value":"d3 = require('d3')","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"}],"files":"$W32","stdlib":"1"}} 30:"$2f:body"