31:T493,html``32:T53f,centroids = annogeojson.features .map(d => { let min0 = 9999; let min1 = 9999; let max0 = -9999; let max1 = -9999; for (let geo of d.geometry.coordinates) { let newminmax = geo.reduce( (accum, val) => { if (val[0] > accum.max[0]) { accum.max[0] = val[0]; } if (val[0] < accum.min[0]) { accum.min[0] = val[0]; } if (val[1] > accum.max[1]) { accum.max[1] = val[1]; } if (val[1] < accum.min[1]) { accum.min[1] = val[1]; } return accum; }, { max: [-9999, -9999], min: [9999, 9999] } ); if (newminmax.min[0] < min0) { min0 = newminmax.min[0]; } if (newminmax.min[1] < min1) { min1 = newminmax.min[1]; } if (newminmax.max[0] > max0) { max0 = newminmax.max[0]; } if (newminmax.max[1] > max1) { max1 = newminmax.max[1]; } } return { value: d.properties.proptaxes, coords: { min: [min0, min1], max: [max0, max1] } }; }) .map(d => { return { value: d.value, coord: [ (d.coords.min[0] + d.coords.max[0]) / 2, (d.coords.min[1] + d.coords.max[1]) / 2 ] }; })33:T1235,muninamemap = { return { "100 Mile House": "100 Mile House", Abbotsford: "Abbotsford ", "Alert Bay": "Alert Bay", Anmore: "Anmore", Armstrong: "Armstrong", Ashcroft: "Ashcroft", Barriere: "Barriere", Belcarra: "Belcarra", "Bowen Island": "Bowen Island", Burnaby: "Burnaby", "Burns Lake": "Burns Lake", "Cache Creek": "Cache Creek", "Campbell River": "Campbell River", "Canal Flats": "Canal Flats", Castlegar: "Castlegar", "Central Saanich": "Central Saanich", Chase: "Chase", Chetwynd: "Chetwynd", Chilliwack: "Chilliwack", Clearwater: "Clearwater", Clinton: "Clinton", Coldstream: "Coldstream", Colwood: "Colwood", Comox: "Comox", Coquitlam: "Coquitlam", Courtenay: "Courtenay", Cranbrook: "Cranbrook", Creston: "Creston", Cumberland: "Cumberland", "Dawson Creek": "Dawson Creek", Delta: "Delta", Duncan: "Duncan", Elkford: "Elkford", Enderby: "Enderby", Esquimalt: "Esquimalt", Fernie: "Fernie", "Fort St. James": "Fort St. James", "Fort St. John": "Fort St. John", "Fraser Lake": "Fraser Lake", Fruitvale: "Fruitvale", Gibsons: "Gibsons", "Gold River": "Gold River", Golden: "Golden", "Grand Forks": "Grand Forks", Granisle: "Granisle", Greenwood: "Greenwood", "Harrison Hot Springs": "Harrison Hot Springs", Hazelton: "Hazelton", Highlands: "Highlands", Hope: "Hope", Houston: "Houston", "Hudson's Hope": "Hudson's Hope", Invermere: "Invermere", "Jumbo Glacier Mountain Resort": "Jumbo Glacier", Kamloops: "Kamloops", Kaslo: "Kaslo", Kelowna: "Kelowna", Kent: "Kent", Keremeos: "Keremeos", Kimberley: "Kimberley", Kitimat: "Kitimat", Ladysmith: "Ladysmith", "Lake Country": "Lake Country", "Lake Cowichan": "Lake Cowichan", Langford: "Langford", Langley: "Langley", Lantzville: "Lantzville", Lillooet: "Lillooet", "Lions Bay": "Lions Bay", "Logan Lake": "Logan Lake", Lumby: "Lumby", Lytton: "Lytton", Mackenzie: "Mackenzie", "Maple Ridge": "Maple Ridge", Masset: "Masset", Mcbride: "McBride", Merritt: "Merritt", Metchosin: "Metchosin", Midway: "Midway", Mission: "Mission", Montrose: "Montrose", Nakusp: "Nakusp", Nanaimo: "Nanaimo", Nelson: "Nelson", "New Denver": "New Denver", "New Hazelton": "New Hazelton", "New Westminster": "New Westminster", "North Cowichan": "North Cowichan", "North Saanich": "North Saanich", "North Vancouver": "North Vancouver", "Northern Rockies": "Northern Rockies - REGM", "Oak Bay": "Oak Bay", Oliver: "Oliver", Osoyoos: "Osoyoos", Parksville: "Parksville", Peachland: "Peachland", Pemberton: "Pemberton", Penticton: "Penticton", "Pitt Meadows": "Pitt Meadows", "Port Alberni": "Port Alberni", "Port Alice": "Port Alice", "Port Clements": "Port Clements", "Port Coquitlam": "Port Coquitlam", "Port Edward": "Port Edward", "Port Hardy": "Port Hardy", "Port Mcneill": "Port McNeill", "Port Moody": "Port Moody", "Pouce Coupe": "Pouce Coupe", "Powell River": "Powell River ", "Prince George": "Prince George", "Prince Rupert": "Prince Rupert", Princeton: "Princeton", "Qualicum Beach": "Qualicum Beach", "Queen Charlotte": "Queen Charlotte", Quesnel: "Quesnel", "Radium Hot Springs": "Radium Hot Springs", Revelstoke: "Revelstoke", Richmond: "Richmond", Rossland: "Rossland", Saanich: "Saanich", Salmo: "Salmo", "Salmon Arm": "Salmon Arm", Sayward: "Sayward", Sechelt: "Sechelt", Sicamous: "Sicamous", Sidney: "Sidney", Silverton: "Silverton", Slocan: "Slocan", Smithers: "Smithers", Sooke: "Sooke", Spallumcheen: "Spallumcheen", Sparwood: "Sparwood", Squamish: "Squamish", Stewart: "Stewart", Summerland: "Summerland", "Sun Peaks": "Sun Peaks", Surrey: "Surrey", Tahsis: "Tahsis", Taylor: "Taylor", Telkwa: "Telkwa", Terrace: "Terrace", Tofino: "Tofino", Trail: "Trail", "Tumbler Ridge": "Tumbler Ridge", Ucluelet: "Ucluelet", Valemount: "Valemount", Vancouver: "Vancouver", Vanderhoof: "Vanderhoof", Vernon: "Vernon", Victoria: "Victoria", "View Royal": "View Royal", Warfield: "Warfield", Wells: "Wells", "West Kelowna": "West Kelowna", "West Vancouver": "West Vancouver", Whistler: "Whistler", "White Rock": "White Rock", "Williams Lake": "Williams Lake", Zeballos: "Zeballos" }; }34:[{"id":"55c9095a1c1ddce47914b54d25eaaf9a6f7a3b1dbeae0e6eaf0a1833480f6640ee8541b89c8c449fe816dd9758f41c8d33d1830d1e3947b7c863fe91a4dd7af0","href":"https://static.observableusercontent.com/files/55c9095a1c1ddce47914b54d25eaaf9a6f7a3b1dbeae0e6eaf0a1833480f6640ee8541b89c8c449fe816dd9758f41c8d33d1830d1e3947b7c863fe91a4dd7af0","name":"bcmunis@1.json","type":"application/json","lastModified":1600207966069.145,"size":6191275},{"id":"5ddefd3e7c3d0b936b69d36fbbc6cab4aab23b07229e0e6808f98dd4564f065b05453e1d3e9136b4389842cb0c6c5e5901520bdbfc1e96394d8a0f78a02f9ac0","href":"https://static.observableusercontent.com/files/5ddefd3e7c3d0b936b69d36fbbc6cab4aab23b07229e0e6808f98dd4564f065b05453e1d3e9136b4389842cb0c6c5e5901520bdbfc1e96394d8a0f78a02f9ac0","name":"schedule704_2019@1.csv","type":"text/csv","lastModified":1600125219639.022,"size":2699}] 2f:{"title":"BC Taxes for Representative Properties - 2019","cells":[{"id":0,"value":"md`# BC Taxes for Representative Properties - 2019`","pinned":false,"hidden":false,"mode":"ojs"},{"id":158,"value":"vega({\n $schema: \"https://vega.github.io/schema/vega-lite/v4.json\",\n hconcat: [top20graph, bottom20graph],\n title: [\n \"Top and Bottom 20 Municipalities in BC According to Total Taxes on a Representative Property (2019)\",\n \"\"\n ]\n})","pinned":false,"hidden":false,"mode":"ojs"},{"id":80,"value":"container = {\n let container = html`

`;\n return container;\n}","pinned":false,"hidden":false,"mode":"ojs"},{"id":190,"value":"$31","pinned":false,"hidden":false,"mode":"ojs"},{"id":170,"value":"mapscale = d3\n .scaleSqrt()\n .domain([0, 11000])\n .range([0, 20])","pinned":false,"hidden":false,"mode":"ojs"},{"id":229,"value":"HTMLColorScale = d3\n .scaleSequential()\n .domain([11000, 0])\n .interpolator(d3.interpolateInferno)","pinned":true,"hidden":false,"mode":"ojs"},{"id":104,"value":"getColorScale = () => d => {\n let func = HTMLColorScale;\n\n let col = d3.color(func(d));\n return [col.r, col.g, col.b];\n}","pinned":false,"hidden":false,"mode":"ojs"},{"id":33,"value":"annogeojson = {\n return {\n type: \"FeatureCollection\",\n features: geojson.features.map(d => {\n d.properties.proptaxes = taxmap[muninamemap[d.properties.REGION_NAME]];\n return d;\n })\n };\n}","pinned":false,"hidden":false,"mode":"ojs"},{"id":21,"value":"geojson = (await FileAttachment(\"bcmunis@1.json\")).json()","pinned":false,"hidden":false,"mode":"ojs"},{"id":58,"value":"min = 1000 //d3.min(taxes, d => d.PropTaxesAndCharges)","pinned":false,"hidden":false,"mode":"ojs"},{"id":61,"value":"max = d3.max(taxes, d => d.PropTaxesAndCharges)","pinned":false,"hidden":false,"mode":"ojs"},{"id":50,"value":"taxmap = taxes.reduce((accum, d) => {\n accum[d.Municipality] = d.PropTaxesAndCharges;\n return accum;\n}, {})","pinned":false,"hidden":false,"mode":"ojs"},{"id":145,"value":"bottom20graph = {\n return {\n $schema: \"https://vega.github.io/schema/vega-lite/v4.json\",\n title: \"Lowest 20 Tax Amounts for a Respresentative House\",\n data: {\n values: bottom20\n },\n mark: \"bar\",\n encoding: {\n y: {\n field: \"Municipality\",\n type: \"nominal\",\n title: false,\n sort: { field: \"PropTaxesAndCharges\", order: \"descending\" }\n },\n x: {\n field: \"PropTaxesAndCharges\",\n type: \"quantitative\",\n title: \"Total Property Taxes and Charges\",\n scale: { domain: [0, 11000] }\n }\n }\n };\n}","pinned":false,"hidden":false,"mode":"ojs"},{"id":131,"value":"top20graph = {\n return {\n $schema: \"https://vega.github.io/schema/vega-lite/v4.json\",\n title: \"Top 20 Tax Amounts for a Respresentative House\",\n data: {\n values: top20\n },\n mark: \"bar\",\n encoding: {\n y: {\n field: \"Municipality\",\n type: \"nominal\",\n title: false,\n sort: { field: \"PropTaxesAndCharges\", order: \"descending\" }\n },\n x: {\n field: \"PropTaxesAndCharges\",\n type: \"quantitative\",\n title: \"Total Property Taxes and Charges\",\n scale: { domain: [0, 11000] }\n }\n }\n };\n}","pinned":false,"hidden":false,"mode":"ojs"},{"id":120,"value":"bottom20 = taxes\n .sort((a, b) => a.PropTaxesAndCharges - b.PropTaxesAndCharges)\n .slice(0, 20)","pinned":false,"hidden":false,"mode":"ojs"},{"id":126,"value":"top20 = taxes\n .sort((a, b) => b.PropTaxesAndCharges - a.PropTaxesAndCharges)\n .slice(0, 20)","pinned":false,"hidden":false,"mode":"ojs"},{"id":11,"value":"taxes = d3\n .csvParse(await FileAttachment(\"schedule704_2019@1.csv\").text(), d3.autoType)\n .filter(d => d.Municipality !== \"Grand Totals\")","pinned":false,"hidden":false,"mode":"ojs"},{"id":70,"value":"token = {\n // Don't use this token. It will be rotated frequently. Get your own at https://mapbox.com\n return 'pk.eyJ1Ijoiam9obmhhbGRlbWFuIiwiYSI6ImNrMjIxNnBrdTAxN3Mzb3BmbWFzbnV6OGoifQ.HrfAiASrw9EQetZn13xAPg';\n}","pinned":false,"hidden":false,"mode":"ojs"},{"id":108,"value":"colorScale = getColorScale(min, max)","pinned":false,"hidden":false,"mode":"ojs"},{"id":167,"value":"$32","pinned":false,"hidden":false,"mode":"ojs"},{"id":82,"value":"layer = new deck.GeoJsonLayer({\n id: 'geojson-layer',\n data: annogeojson,\n pickable: true,\n stroked: true,\n filled: true,\n extruded: true,\n lineWidthScale: 20,\n lineWidthMinPixels: 2,\n getFillColor: d => colorScale(d.properties.proptaxes),\n getLineColor: [0, 0, 0],\n getRadius: 100,\n getLineWidth: 1,\n getElevation: 30\n})","pinned":false,"hidden":false,"mode":"ojs"},{"id":76,"value":"deckgl = new deck.DeckGL({\n container,\n map: mapboxgl,\n mapboxAccessToken: '',\n mapboxApiAccessToken: token,\n mapStyle: 'mapbox://styles/mapbox/light-v10',\n layers: [scatterlayer],\n initialViewState: {\n longitude: -123.091,\n latitude: 54,\n zoom: 4.7,\n minZoom: 3,\n maxZoom: 15,\n pitch: 0\n },\n controller: true\n})","pinned":false,"hidden":false,"mode":"ojs"},{"id":66,"value":"deck = require.alias({\n // optional dependencjei\n h3: {},\n s2Geometry: {}\n})('deck.gl@~8.2.0/dist.min.js')","pinned":false,"hidden":false,"mode":"ojs"},{"id":174,"value":"scatterlayer = new deck.ScatterplotLayer({\n id: 'scatterplot-layer',\n data: centroids,\n pickable: true,\n opacity: 0.8,\n stroked: true,\n filled: true,\n radiusMinPixels: 1,\n lineWidthMinPixels: 1,\n radiusUnits: 'pixels',\n getPosition: d => d.coord,\n getRadius: d => mapscale(d.value),\n getFillColor: d => getColorScale(0, 11000)(d.value),\n getLineColor: d => [0, 0, 0, 10]\n})","pinned":false,"hidden":false,"mode":"ojs"},{"id":56,"value":"mapboxgl = require('mapbox-gl@^1.4.1/dist/mapbox-gl.js')","pinned":false,"hidden":false,"mode":"ojs"},{"id":15,"value":"d3 = require(\"d3@5\")","pinned":false,"hidden":false,"mode":"ojs"},{"id":5,"value":"$33","pinned":false,"hidden":false,"mode":"ojs"},{"id":136,"value":"vega = require(\"vega-embed@6\")","pinned":true,"hidden":false,"mode":"ojs"}],"files":"$W34","stdlib":"1","titling":"auto"}