2d:null 2e:["$","title",null,{"children":"🐊 Brno 60 | Michal Škop | Observable"}] 33:T796,map = { let container = DOM.element('div', { style: `width:${width}px;height:${width/0.9}px` }); yield container; // Now we create a map object and add a layer to it. let map = L.map(container).setView([49.245,16.58], 13); let osmLayer = L.tileLayer('https://{s}.tile.openstreetmap.org/{z}/{x}/{y}.png', { attribution: 'Michal Škop | © OpenStreetMap contributors | RÚIAN'}).addTo(map); function setColor(feature) { return colorScale(show(feature)['a'] / (show(feature)['a'] + show(feature)['b'])) } function setOpacity(feature) { return opacityScale(show(feature)['total'] / feature.properties.area * 1000000) } function polystyle(feature) { return { fillColor: setColor(feature), // polygone color opacity: setOpacity(feature), // polygone weight: 1, // Outline width color: setColor(feature), //'#fff', //Outline color fillOpacity: setOpacity(feature) //Outline opacity } } function highlightFeature(e) { var layer = e.target; layer.setStyle({ // highlight the feature weight: 5, color: '#222', dashArray: '', }); } function resetHighlight(e) { var layer = e.target; let feature = layer.feature layer.setStyle({ // dehighlight the feature weight: 1, // Outline width color: setColor(feature), //'#fff', //Outline color fillOpacity: setOpacity(feature), //Outline opacity dashArray: '', }); } function onEachFeature(feature, layer) { layer.on({ mouseover: highlightFeature, mouseout: resetHighlight, }); }; const data_L = L.geoJson(data, { style: polystyle, onEachFeature: function (feature, layer) { onEachFeature(feature, layer) layer.bindTooltip(tooltipText(feature), { permanent: false }); } }) .addTo(map); }34:T74c,legends = { const svg = d3.select(DOM.svg(width, 150)) let titles = [data['elections'][e1]['candidates'][c1]['abbreviation'] + " více:"] if (comparisonVariant == 'two') { titles.push("Zhruba stejně:") titles.push(data['elections'][e2]['candidates'][c2]['abbreviation'] + " více:") } else { titles.push("Zhruba průměr:") titles.push(data['elections'][e1]['candidates'][c1]['abbreviation'] + " méně:") } svg.append("g") .attr("transform", "translate(100,10)") .attr("class", "legend") .append(() => legend({ color: d3.scaleOrdinal(["", " ", " ", " ", " "], [rgbaScale(0.66, limitsDensity().min), rgbaScale(0.66, limitsDensity().q25), rgbaScale(0.66, limitsDensity().median), rgbaScale(0.66, limitsDensity().q75), rgbaScale(0.66, limitsDensity().max)]), title: titles[0], tickSize: 0, width: 200, height: 48 })) svg.append("g") .attr("transform", "translate(100,50)") .append(() => legend({ color: d3.scaleOrdinal(["", " ", " ", " ", " "], [rgbaScale(0.5, limitsDensity().min), rgbaScale(0.5, limitsDensity().q25), rgbaScale(0.5, limitsDensity().median), rgbaScale(0.5, limitsDensity().q75), rgbaScale(0.5, limitsDensity().max)]), title: titles[1], tickSize: 0, width: 200, height: 48 })) svg.append("g") .attr("transform", "translate(100,90)") .append(() => legend({ color: d3.scaleOrdinal(["nízká hustota voličů", " ", " ", " ", "vysoká hustota voličů"], [rgbaScale(0.33, limitsDensity().min), rgbaScale(0.33, limitsDensity().q25), rgbaScale(0.33, limitsDensity().median), rgbaScale(0.33, limitsDensity().q75), rgbaScale(0.33, limitsDensity().max)]), title: titles[2], tickSize: 0, width: 200, height: 48 })) return svg.node() }35:[{"id":"0ee80baa7bf58584ea52561484b85e55eaad01539b428594ff116061e0a5cf06ebffbfc5627c10ac3cfff06d20e5b43a5c48ba5e9006bab615db2c7a1f018c37","href":"https://static.observableusercontent.com/files/0ee80baa7bf58584ea52561484b85e55eaad01539b428594ff116061e0a5cf06ebffbfc5627c10ac3cfff06d20e5b43a5c48ba5e9006bab615db2c7a1f018c37","name":"60@2.json","type":"application/json","lastModified":1594067040835.655,"size":2125020}] 31:{"id":"9712c9d5f3fbfd17","slug":"brno-60","title":"🐊 Brno 60","thumbnail":"2dde1fbce3e9e3146306bde62a0b620c4c6e66046c0ac183b1c96485fc5094a0","access_level":"public","create_time":"$D2020-07-06T16:44:07.400Z","update_time":"$D2020-07-07T01:39:29.288Z","view_time":null,"first_public_time":"$D2020-07-06T23:17:57.147Z","has_unpublished_edits":null,"fork":false,"stars":0,"starred":false,"owner":{"type":"team","id":"708d7da1c041c3c3","login":"michalskop","name":"Michal Škop","avatar_url":"https://avatars-next.observableusercontent.com/39ba5d7a328bf2076832e50130114e907e8202cbcb1eb0b12c09f8ba641563fb","tier":"starter_2024"},"version":249,"publish_version":249,"role":null,"authored":false,"authors":[{"type":"individual","id":"526f39c248664968","login":"michalskop","name":"Michal Škop","avatar_url":"https://avatars-next.observableusercontent.com/39ba5d7a328bf2076832e50130114e907e8202cbcb1eb0b12c09f8ba641563fb","tier":null}],"members":[{"type":"individual","id":"526f39c248664968","login":"michalskop","name":"Michal Škop","avatar_url":"https://avatars-next.observableusercontent.com/39ba5d7a328bf2076832e50130114e907e8202cbcb1eb0b12c09f8ba641563fb","tier":null,"role":"editor"}],"comments":[],"custom_thumbnail":false,"trashed":false,"lapsed":null,"subscribed":null,"forks":0,"collection":null,"type":"notebook","body":{"title":"🐊 Brno 60","cells":[{"id":0,"value":"md`# 🐊 Brno 60`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":47,"value":"$33","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":69,"value":"$34","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":244,"value":"md `## ------ Začátek nastavování ------\n`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":228,"value":"viewof comparisonVariant = radio({\n title: 'Varianta porovnání',\n description: 'Lze porovnat různé strany (v různých volbách), nebo jednu stranu vůči svému průměrnému zisku (v takovém případě se nastavení Volby 2 a Strany 2 nepoužijí)',\n options: [\n { label: 'Jedna strana vs. druhá strana', value: 'two'},\n { label: 'Jedna strana vs. svůj průměr (v obvodu)', value: 'one'}\n ],\n value: 'two'\n})","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":95,"value":"viewof e1 = radio({\n title: 'Volby 1',\n options: elections(),\n value: elections()[0]\n})","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":120,"value":"viewof c1 = radio({\n title: 'Strany / kandidáti 1',\n options: candidates(e1),\n value: candidates(e1)[0]['value']\n})","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":130,"value":"viewof e2 = radio({\n title: 'Volby 2',\n options: elections(),\n value: elections()[0]\n})","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":135,"value":"viewof c2 = radio({\n title: 'Strany / kandidáti 2',\n options: candidates(e2),\n value: candidates(e2)[0]['value']\n})","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":169,"value":"viewof colorVariant = radio({\n title: 'Varianta barev',\n options: [\n { label: 'Barvy stran', value: 'parties'},\n { label: 'Modrá - žlutá', value: 'blue-yellow'},\n { label: 'Zelená - červená', value: 'green-red'}\n ],\n value: 'parties'\n})","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":191,"value":"md `## ------ Konec nastavování ------\n...níž už jsou jen technický věci...\n`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":34,"value":"colors = getColors()","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":171,"value":"getColors = function() {\n if (colorVariant == 'parties') {\n return [data['elections'][e1]['candidates'][c1]['color'], data['elections'][e2]['candidates'][c2]['color']]\n }\n if (colorVariant == 'blue-yellow') {\n return [\"blue\", \"yellow\"]\n }\n if (colorVariant == 'green-red') {\n return [\"green\", \"red\"]\n }\n return [\"blue\", \"yellow\"]\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":82,"value":"show = function(feature) {\n let item = {\n a: feature.properties.elections[e1].results[c1],\n }\n if (comparisonVariant == 'two') {\n item.b = feature.properties.elections[e2].results[c2]\n } else {\n item.b = Math.round(data.elections[e1].results[c1] / data.elections[e1].statistics['valid_votes'] * feature.properties.elections[e1].statistics['valid_votes'] * 10) / 10\n }\n if (typeof item.a == 'undefined') {item.a = 0}\n if (typeof item.b == 'undefined') {item.b = 0}\n item.total = item.a + item.b\n return item\n }","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":102,"value":"candidates = function(e) {\n let arr = []\n for (let k in data.elections[e].results) {\n let item = data.elections[e].candidates[k]\n item['value'] = k\n item['label'] = item['abbreviation']\n item['result'] = data.elections[e].results[k]\n arr.push(item)\n }\n arr.sort(function(a, b) {\n return b.result - a.result\n })\n return arr\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":126,"value":"elections = function() {\n let arr = []\n for (let k in data.elections) {\n arr.push(k)\n }\n return arr\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":220,"value":"tooltipText = function(feature) {\n let aPerc = (Math.round(show(feature)['a'] / feature['properties']['elections'][e1]['statistics']['valid_votes'] * 1000) / 10).toString() + \"%\"\n let bPerc = (Math.round(show(feature)['b'] / feature['properties']['elections'][e2]['statistics']['valid_votes'] * 1000) / 10).toString() + \"%\"\n let header = \"\" + feature.properties.place + \" \" + feature.properties.station + \"
\"\n let aText = data['elections'][e1]['candidates'][c1]['abbreviation'] + \": \" + show(feature)['a'].toString() + \" \" + aPerc + \"
\"\n let bText = ''\n if (comparisonVariant == 'two') {\n bText = data['elections'][e2]['candidates'][c2]['abbreviation'] + \": \" + show(feature)['b'].toString() + \" \" + bPerc + \"\"\n } else {\n bText = 'Průměr: ' + show(feature)['b'].toString() + \" \" + bPerc + \"\"\n }\n return header + aText + bText \n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":92,"value":"import {radio} from \"@jashkenas/inputs\"","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":40,"value":"opacityScale = d3.scaleLinear().domain([limitsDensity().min, limitsDensity().q25, limitsDensity().median, limitsDensity().q75, limitsDensity().max]).range([0.15, 0.3, 0.5, 0.7, 1])","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":37,"value":"colorScale = d3.scaleLinear().domain([0.33, 0.5, 0.67]).range([colors[1], d3.interpolateRgb(colors[0], colors[1])(0.5), colors[0]]);","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":43,"value":"rgbaScale = function(a, b) {\n let color = colorScale(a)\n let alpha = opacityScale(b)\n return color.replace(\"rgb\", \"rgba\").replace(\")\", \",\" + alpha.toString() + \")\")\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":31,"value":"limitsDensity = function() {\n let arr = []\n data.features.forEach(feature => {\n arr.push(show(feature).total / feature.properties.area * 1000000)\n })\n arr.sort(function(a, b) { return a - b })\n let item = {\n min: d3.min(arr),\n q25: d3.quantile(arr, 0.25),\n median: d3.median(arr),\n q75: d3.quantile(arr, 0.75),\n max: d3.max(arr)\n }\n return item\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":26,"value":"L = require('leaflet@1.6.0')","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":17,"value":"myStyles = html`\n\n`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":59,"value":"html``","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":11,"value":"data = FileAttachment(\"60@2.json\").json()","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":8,"value":"import {legend} from \"@d3/color-legend\"","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":5,"value":"d3 = require(\"https://d3js.org/d3.v5.min.js\")","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"}],"files":"$W35","stdlib":"1","titling":"auto"}} 32:"$31:body"