31:T13c9,map = html``32:T422,treeRing = { var data = presResultsArr; var map = regions; const radius = 7; const lineLength = 15; const g = d3.select("svg").selectAll("g.circle") .data(data) .enter() .append("g") .attr("class", "circle") .attr("transform", function(d, i) { var mapRegion = regionList.filter(e => e.dataKey === d.region)[0].region; const regionFilter = map.filter(e => e.region === mapRegion)[0]; console.log(regionFilter); let loc = [0,0]; if(regionFilter) { loc = regionFilter.center } return `translate(${loc[0]}, ${loc[1]})`; }); g.append('title').text(d => d.region); g.selectAll("circle") .data(d => d.circles) .enter() .append("circle") .attr("fill", (d, i) => { if(colors[d]) { return colors[d]; } return 'grey'; }) .attr("stroke", "white") .attr("stroke-width", "0.5") .attr("r", (d, i) => (5 - i) * radius / 2) .attr("cx", 20) .attr("cy", 20); }33:T13d0,presResults = ({ "kabul": { "pres14_run": "Ghani", "pres14": "Abdullah", "pres09": "Karzai", "pres04": "Karzai", "pres19_pre": "Ghani" }, "kapisa": { "pres14_run": "Abdullah", "pres14": "Abdullah", "pres09": "Abdullah", "pres04": "Qanooni", "pres19_pre": "Abdullah" }, "parwan": { "pres14_run": "Abdullah", "pres14": "Abdullah", "pres09": "Abdullah", "pres04": "Qanooni", "pres19_pre": "Abdullah" }, "wardak": { "pres14_run": "Ghani", "pres14": "Abdullah", "pres09": "Karzai", "pres04": "Karzai", "pres19_pre": "Abdullah" }, "logar": { "pres14_run": "Ghani", "pres14": "Ghani", "pres09": "Karzai", "pres04": "Karzai", "pres19_pre": "Ghani" }, "ghazni": { "pres14_run": "Abdullah", "pres14": "Abdullah", "pres09": "Other", "pres04": "Karzai", "pres19_pre": "Abdullah" }, "paktika": { "pres14_run": "Ghani", "pres14": "Ghani", "pres09": "Karzai", "pres04": "Karzai", "pres19_pre": "Ghani" }, "paktia": { "pres14_run": "Ghani", "pres14": "Ghani", "pres09": "Karzai", "pres04": "Karzai", "pres19_pre": "Ghani" }, "khost": { "pres14_run": "Ghani", "pres14": "Ghani", "pres09": "Karzai", "pres04": "Karzai", "pres19_pre": "Ghani" }, "nangarhar": { "pres14_run": "Ghani", "pres14": "Ghani", "pres09": "Karzai", "pres04": "Karzai", "pres19_pre": "Ghani" }, "kunar": { "pres14_run": "Ghani", "pres14": "Ghani", "pres09": "Karzai", "pres04": "Karzai", "pres19_pre": "Ghani" }, "laghman": { "pres14_run": "Ghani", "pres14": "Ghani", "pres09": "Karzai", "pres04": "Karzai", "pres19_pre": "Ghani" }, "nuristan": { "pres14_run": "Abdullah", "pres14": "Abdullah", "pres09": "Karzai", "pres04": "Karzai", "pres19_pre": "Ghani" }, "badakhshan": { "pres14_run": "Abdullah", "pres14": "Abdullah", "pres09": "Abdullah", "pres04": "Qanooni", "pres19_pre": "Abdullah" }, "takhar": { "pres14_run": "Abdullah", "pres14": "Abdullah", "pres09": "Abdullah", "pres04": "Other", "pres19_pre": "Abdullah" }, "baghlan": { "pres14_run": "Abdullah", "pres14": "Abdullah", "pres09": "Abdullah", "pres04": "Qanooni", "pres19_pre": "Abdullah" }, "kunduz": { "pres14_run": "Ghani", "pres14": "Abdullah", "pres09": "Abdullah", "pres04": "Karzai", "pres19_pre": "Abdullah" }, "samangan": { "pres14_run": "Abdullah", "pres14": "Abdullah", "pres09": "Abdullah", "pres04": "Qanooni", "pres19_pre": "Abdullah" }, "balkh": { "pres14_run": "Abdullah", "pres14": "Abdullah", "pres09": "Abdullah", "pres04": "Karzai", "pres19_pre": "Abdullah" }, "jawzjan": { "pres14_run": "Ghani", "pres14": "Ghani", "pres09": "Karzai", "pres04": "Other", "pres19_pre": "Ghani" }, "saripul": { "pres14_run": "Ghani", "pres14": "Abdullah", "pres09": "Karzai", "pres04": "Other", "pres19_pre": "Abdullah" }, "faryab": { "pres14_run": "Ghani", "pres14": "Ghani", "pres09": "Karzai", "pres04": "Other", "pres19_pre": "Abdullah" }, "badghis": { "pres14_run": "Abdullah", "pres14": "Abdullah", "pres09": "Abdullah", "pres04": "Karzai", "pres19_pre": "Abdullah" }, "herat": { "pres14_run": "Abdullah", "pres14": "Abdullah", "pres09": "Karzai", "pres04": "Karzai", "pres19_pre": "Abdullah" }, "farah": { "pres14_run": "Abdullah", "pres14": "Ghani", "pres09": "Karzai", "pres04": "Karzai", "pres19_pre": "Ghani" }, "nimroz": { "pres14_run": "Ghani", "pres14": "Ghani", "pres09": "Karzai", "pres04": "Karzai", "pres19_pre": "Ghani" }, "helmand": { "pres14_run": "Ghani", "pres14": "Ghani", "pres09": "Karzai", "pres04": "Karzai", "pres19_pre": "Ghani" }, "kandahar": { "pres14_run": "Ghani", "pres14": "Other", "pres09": "Karzai", "pres04": "Karzai", "pres19_pre": "Ghani" }, "zabul": { "pres14_run": "Ghani", "pres14": "Ghani", "pres09": "Karzai", "pres04": "Karzai", "pres19_pre": "Ghani" }, "uruzgan": { "pres14_run": "Ghani", "pres14": "Ghani", "pres09": "Karzai", "pres04": "Karzai", "pres19_pre": "Ghani" }, "ghor": { "pres14_run": "Abdullah", "pres14": "Abdullah", "pres09": "Abdullah", "pres04": "Qanooni", "pres19_pre": "Ghani" }, "bamyan": { "pres14_run": "Abdullah", "pres14": "Abdullah", "pres09": "Karzai", "pres04": "Other", "pres19_pre": "Abdullah" }, "panjsher": { "pres14_run": "Abdullah", "pres14": "Abdullah", "pres09": "Abdullah", "pres04": "Qanooni", "pres19_pre": "Abdullah" }, "daikundi": { "pres14_run": "Abdullah", "pres14": "Abdullah", "pres09": "Other", "pres04": "Other", "pres19_pre": "Abdullah" } })34:[] 2f:{"title":"Afghan 2019-2004 Presidential Results","cells":[{"id":0,"value":"md`# Afghan 2019-2004 Presidential Results`","pinned":false,"hidden":false,"mode":"ojs"},{"id":7,"value":"$31","pinned":false,"hidden":false,"mode":"ojs"},{"id":205,"value":"html`${Object.keys(colors).map(d => ` - ${d} `)}`","pinned":false,"hidden":false,"mode":"ojs"},{"id":210,"value":"md`Data - [IEC](http://www.iec.org.af/results/en/home)/BBC.\nCircles (from outer): 2019, 2014 run-off, 2014 initial, 2009, 2004\n\nI made the base map earlier in the year, and based the design off the tree ring map I made for the UK election.`","pinned":false,"hidden":false,"mode":"ojs"},{"id":122,"value":"svg = d3.select(map).select(\"svg\")","pinned":false,"hidden":false,"mode":"ojs"},{"id":129,"value":"regions = Array.from(map.querySelectorAll('g')).map(g => {\n if(g.getAttribute(\"class\") !== \"circle\") {\n const d = g.querySelector('rect');\n const offset = g.getAttribute('transform').replace(\"translate(\", \"\").replace(\")\", \"\").split(\",\");\n return {\n centerGeo: [d.getAttribute('x'), d.getAttribute('y')],\n center: [+d.getAttribute('x') + +offset[0], +d.getAttribute('y') + +offset[1]],\n region: g.getAttribute('class')}\n }\n});","pinned":false,"hidden":false,"mode":"ojs"},{"id":190,"value":"Array.from(map.querySelectorAll('g')).map(g => {\n if(g.getAttribute(\"class\") !== \"circle\") {\n const d = g.querySelector('rect');\n d.setAttribute('fill', 'none');\n d.setAttribute('stroke', '#222');\n\n d3.select(g).selectAll('text').data(['a']).enter().append('text')\n .attr('x', d.getAttribute('x'))\n .attr('y', d.getAttribute('y') - 2.5)\n .text(g.getAttribute('class'));\n }\n});\n ","pinned":false,"hidden":false,"mode":"ojs"},{"id":81,"value":"$32","pinned":false,"hidden":false,"mode":"ojs"},{"id":83,"value":"colors = ({\n \"Ghani\": \"#1380A1\",\n \"Abdullah\": \"#990000\",\n \"Karzai\": \"#4D2C7A\",\n \"Qanooni\": \"#FAAB18\",\n})","pinned":false,"hidden":false,"mode":"ojs"},{"id":16,"value":"d3 = require(\"https://d3js.org/d3.v5.min.js\")","pinned":false,"hidden":false,"mode":"ojs"},{"id":92,"value":"presResultsArr = Object.keys(presResults).map(d => ({\n region: d,\n circles: [presResults[d].pres19_pre,presResults[d].pres14_run,presResults[d].pres14,presResults[d].pres09,presResults[d].pres04]\n}))","pinned":false,"hidden":false,"mode":"ojs"},{"id":133,"value":"regionKeys = Object.keys(presResults)","pinned":false,"hidden":false,"mode":"ojs"},{"id":77,"value":"$33","pinned":false,"hidden":false,"mode":"ojs"},{"id":136,"value":"regionList = d3.csvParse(`region,dataKey\nBadakhshan,badakhshan\nBadghis,badghis\nBaghlan,baghlan\nBalkh,balkh\nBamyan,bamyan\nDaykundi,daikundi\nFarah,farah\nFaryab,faryab\nGhazni,ghazni\nGhor,ghor\nHilmand,helmand\nHirat,herat\nJawzjan,jawzjan\nKabul,kabul\nKandahar,kandahar\nKapisa,kapisa\nKhost,khost\nKunar,kunar\nKunduz,kunduz\nLaghman,laghman\nLogar,logar\nNangarhar,nangarhar\nNimroz,nimroz\nNuristan,nuristan\nPaktika,paktika\nPaktya,paktia\nPanjsher,panjsher\nSamangan,saripul\nSar-e-Pul,samangan\nTakhar,takhar\nUruzgan,uruzgan\nWardak,wardak\nZabul,zabul\nParwan,parwan\n`)","pinned":false,"hidden":false,"mode":"ojs"}],"files":"$W34","stdlib":"1","titling":"auto"}