2a:null 2b:["$","title",null,{"children":"Afghan 2019-2004 Presidential Results | Josh Rayman | Observable"}] 30:T13c9,map = html``31: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); }32: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" } })33:[] 2e:{"id":"ec5bd6395b8553af","slug":"afghan-2019-2004-presidential-results","title":"Afghan 2019-2004 Presidential Results","thumbnail":"06dea68d7ef5f1d13dee238a222b6292c68b4e926bc6889c2cc823c6984c6531","access_level":"public","create_time":"$D2019-12-26T14:13:16.054Z","update_time":"$D2019-12-30T08:01:22.324Z","view_time":null,"first_public_time":"$D2019-12-26T15:26:02.540Z","has_unpublished_edits":null,"fork":true,"stars":1,"starred":false,"owner":{"type":"team","id":"19543e2cf230a71a","login":"joshrayman","name":"Josh Rayman","avatar_url":"https://avatars-next.observableusercontent.com/ef0b6751eab5ae27c42cd52f2664ff0481384a0c9b69a9a2a28c882c36e8485f","tier":"starter_2024"},"version":230,"publish_version":230,"role":null,"authored":false,"authors":[{"type":"individual","id":"9b7415f63e80632e","login":"joshrayman","name":"Josh Rayman","avatar_url":"https://avatars-next.observableusercontent.com/ef0b6751eab5ae27c42cd52f2664ff0481384a0c9b69a9a2a28c882c36e8485f","tier":null}],"members":[{"type":"individual","id":"9b7415f63e80632e","login":"joshrayman","name":"Josh Rayman","avatar_url":"https://avatars-next.observableusercontent.com/ef0b6751eab5ae27c42cd52f2664ff0481384a0c9b69a9a2a28c882c36e8485f","tier":null,"role":"editor"}],"comments":[],"custom_thumbnail":false,"trashed":false,"lapsed":null,"subscribed":null,"forks":0,"collection":null,"type":"notebook","body":{"titling":"auto","title":"Afghan 2019-2004 Presidential Results","cells":[{"id":0,"value":"md`# Afghan 2019-2004 Presidential Results`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","output":"$undefined","database":"$undefined"},{"id":7,"value":"$30","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","output":"$undefined","database":"$undefined"},{"id":205,"value":"html`${Object.keys(colors).map(d => ` - ${d} `)}`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","output":"$undefined","database":"$undefined"},{"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","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","output":"$undefined","database":"$undefined"},{"id":122,"value":"svg = d3.select(map).select(\"svg\")","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","output":"$undefined","database":"$undefined"},{"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","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","output":"$undefined","database":"$undefined"},{"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","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","output":"$undefined","database":"$undefined"},{"id":81,"value":"$31","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","output":"$undefined","database":"$undefined"},{"id":83,"value":"colors = ({\n \"Ghani\": \"#1380A1\",\n \"Abdullah\": \"#990000\",\n \"Karzai\": \"#4D2C7A\",\n \"Qanooni\": \"#FAAB18\",\n})","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","output":"$undefined","database":"$undefined"},{"id":16,"value":"d3 = require(\"https://d3js.org/d3.v5.min.js\")","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","output":"$undefined","database":"$undefined"},{"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","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","output":"$undefined","database":"$undefined"},{"id":133,"value":"regionKeys = Object.keys(presResults)","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","output":"$undefined","database":"$undefined"},{"id":77,"value":"$32","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","output":"$undefined","database":"$undefined"},{"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","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","output":"$undefined","database":"$undefined"}],"files":"$W33","stdlib":"1"}} 2f:"$2e:body"