2d:null 2e:["$","title",null,{"children":"Středočeský kraj | Michal Škop | Observable"}] 33:Ta0f,map = { let container = DOM.element('div', { style: `width:${width}px;height:${width/1.2}px` }); yield container; // Now we create a map object and add a layer to it. let map = L.map(container).setView([50,14.5], 9); 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, }); }; // http://bl.ocks.org/hpfast/2fb8de57c356d8c45ce511189eec5d6a L.TopoJSON = L.GeoJSON.extend({ addData: function (data) { var geojson, key; if (data.type === "Topology") { for (key in data.objects) { if (data.objects.hasOwnProperty(key)) { geojson = topojson.feature(data, data.objects[key]); L.GeoJSON.prototype.addData.call(this, geojson); } } return this; } L.GeoJSON.prototype.addData.call(this, data); return this; } }) L.topoJson = function (data, options) { return new L.TopoJSON(data, options); } const data_L = L.topoJson(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":"36e3335825c966073891aa53a775e217fd4c46f114a2a914e04e5a17bc4af5a6a1d64497315d93682370ddcb41c753eda5dc4c36e868f25635ec68bda8a8c89a","href":"https://static.observableusercontent.com/files/36e3335825c966073891aa53a775e217fd4c46f114a2a914e04e5a17bc4af5a6a1d64497315d93682370ddcb41c753eda5dc4c36e868f25635ec68bda8a8c89a","name":"st.json","type":"application/json","lastModified":1594081176009.008,"size":5613229}] 31:{"id":"11747f08ffc5583b","slug":"stredocesky-kraj","title":"Středočeský kraj","thumbnail":"f8ad06ee8715b1aceeced72c11481639cdac3420c96ac7aa12a56c5a72a0f77d","access_level":"public","create_time":"$D2020-07-07T00:01:27.064Z","update_time":"$D2020-07-07T01:39:06.388Z","view_time":null,"first_public_time":"$D2020-07-07T01:06:40.924Z","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":119,"publish_version":119,"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":"Středočeský kraj","cells":[{"id":0,"value":"md`# Středočeský kraj`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":82,"value":"$33","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":79,"value":"$34","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":76,"value":"md `## ------ Začátek nastavování ------\n`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":30,"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":33,"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":43,"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":46,"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":49,"value":"viewof c2 = radio({\n title: 'Strany / kandidáti 2',\n options: candidates(e2),\n value: candidates(e2)[1]['value']\n})","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":67,"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":52,"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":84,"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":69,"value":"colors = getColors()","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":57,"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":65,"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":63,"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":60,"value":"opacityScale = d3.scaleLinear().domain([limitsDensity().min, limitsDensity().q25, limitsDensity().median, limitsDensity().q75, limitsDensity().max]).range([0.15, 0.25, 0.35, 0.6, 1])","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":24,"value":"limitsDensity = function() {\n let arr = []\n data.objects.tracts.geometries.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":"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":40,"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":35,"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":28,"value":"import {radio} from \"@jashkenas/inputs\"","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":21,"value":"L = require('leaflet@1.6.0')","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":18,"value":"myStyles = html`\n\n`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":15,"value":"html``","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":9,"value":"data = FileAttachment(\"st.json\").json()","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":87,"value":"topojson = require('topojson@3')","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"