29:null 2a:["$","title",null,{"children":"Apportionment of Seats at the European Parliament | Luc Guillemot | Observable"}] 2f:[{"id":"b03c8e14c7e39ffafe3f991f2023eddcbe84991cf2f8c634d535664873e09bdf738d754ff9cea64318b74fd0fc24468980da9b7eb6dfb49774c100a557c50e97","href":"https://static.observableusercontent.com/files/b03c8e14c7e39ffafe3f991f2023eddcbe84991cf2f8c634d535664873e09bdf738d754ff9cea64318b74fd0fc24468980da9b7eb6dfb49774c100a557c50e97","name":"apportionment_wide@6.csv","type":"text/csv","lastModified":1617565784860.205,"size":6350}] 2d:{"id":"194af51608ae18c7","slug":"apportionment-of-seats-in-the-european-parliament","title":"Apportionment of Seats at the European Parliament","thumbnail":"bc4919820c10e359921e625dfb0f6b9c65b0c79bb05c4ede0fd3be05d4967d09","access_level":"public","create_time":"$D2021-04-03T12:17:54.765Z","update_time":"$D2021-05-07T08:33:56.209Z","view_time":null,"first_public_time":"$D2021-04-04T20:13:53.018Z","has_unpublished_edits":null,"fork":{"id":"3c31ae9c4462b0e9","slug":"starter/2","title":"Starter","owner":{"id":"4eed1ed0ec8c7a2c","login":"lucguillemot","name":"Luc Guillemot"}},"stars":1,"starred":false,"owner":{"type":"team","id":"4eed1ed0ec8c7a2c","login":"lucguillemot","name":"Luc Guillemot","avatar_url":"https://avatars-next.observableusercontent.com/692f83824eae0715a07f9a04941a73318aad7b915db8ddda53058c392957fc6f","tier":"starter_2024"},"version":338,"publish_version":338,"role":null,"authored":false,"authors":[{"type":"individual","id":"dbce705bc4e76709","login":"lucguillemot","name":"Luc Guillemot","avatar_url":"https://avatars-next.observableusercontent.com/692f83824eae0715a07f9a04941a73318aad7b915db8ddda53058c392957fc6f","tier":null}],"members":[{"type":"individual","id":"dbce705bc4e76709","login":"lucguillemot","name":"Luc Guillemot","avatar_url":"https://avatars-next.observableusercontent.com/692f83824eae0715a07f9a04941a73318aad7b915db8ddda53058c392957fc6f","tier":null,"role":"editor"}],"comments":[],"custom_thumbnail":false,"trashed":false,"lapsed":null,"subscribed":null,"forks":0,"collection":{"id":"2aaf9ec71cbec838","slug":"30-day-chart-challenge-2021","title":"30 Day Chart Challenge 2021","owner":{"id":"4eed1ed0ec8c7a2c","login":"lucguillemot","name":"Luc Guillemot"}},"type":"notebook","body":{"title":"Apportionment of Seats at the European Parliament","cells":[{"id":0,"value":"md`# Apportionment of Seats at the European Parliament\n\nEvolution of EU countries relative apportionment of seats at the European Parliament, colored by year of accession.`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":320,"value":"key = swatches({ color:colorScaleAccession, columns: \"50px\", title: \"Accession Year\"})","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":186,"value":"chart = { \n const svg = d3.create(\"svg\")\n .attr(\"viewBox\", [0, 0, width, height]);\n\n svg.append(\"g\")\n .attr(\"transform\", `translate(${margins.left}, ${margins.top})`)\n .selectAll(\"path\")\n .data(series)\n .join(\"path\")\n .attr(\"fill\", ({key}) => colorScaleAccession(accession[key]))\n .attr(\"stroke\", \"white\")\n .attr(\"d\", area)\n .append(\"title\")\n .text(({key}) => key);\n\n svg.append(\"g\")\n .call(xAxis);\n\n svg.append(\"g\")\n .call(yAxis);\n\n return svg.node();\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":304,"value":"attribution({\n source: {\n label:\n \"Wikipedia's page _Apportionment in the European Parliament_ (04/03/2021)\",\n link:\n \"https://en.wikipedia.org/wiki/Apportionment_in_the_European_Parliament\"\n },\n day: \"03\",\n category: \"Comparisons\",\n prompt: \"Historical\"\n})","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":122,"value":"xAxis = g => g\n .attr(\"transform\", `translate(${margins.left}, ${height - margins.bottom})`)\n .call(d3.axisBottom(xScale).ticks(width / 80).tickSizeOuter(0))","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":123,"value":"yAxis = g => g\n .attr(\"transform\", `translate(${margins.left},${margins.top})`)\n .call(d3.axisLeft(yScale).ticks(10, \"%\"))\n //.call(g => g.select(\".domain\").remove())\n .call(g => g.select(\".tick:last-of-type text\").clone()\n .attr(\"x\", 3)\n .attr(\"dy\", -6)\n .attr(\"text-anchor\", \"start\")\n .attr(\"font-weight\", \"bold\")\n .text(\"Percentage of seats\"))","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":89,"value":"area = d3.area()\n .defined(d => d !== \"NA\")\n .x(d => xScale(d.data.date))\n .y0(d => yScale(d[0]))\n .y1(d => yScale(d[1]))","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":218,"value":"colorScaleAccession = d3.scaleOrdinal()\n .domain(accessionYears)\n .range(d3.schemeSet2)","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":237,"value":"accessionYears = [...new Set(Object.values(accession))].sort((a, b) => d3.ascending(a, b))","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":79,"value":"xScale = d3.scaleTime().domain(d3.extent(data, d => d.date)).range([0, bounds.chartWidth])","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":48,"value":"yScale = d3.scaleLinear().range([bounds.chartHeight, 0])","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":326,"value":"x = data.columns.slice(1)","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":183,"value":"series = d3.stack()\n .keys(data.columns.slice(1))\n .offset(d3.stackOffsetNone)\n (data)","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":38,"value":"data = d3.csvParse(await FileAttachment(\"apportionment_wide@6.csv\").text(), d3.autoType)","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":203,"value":"accession = ({\nGermany:\"1951\",\nItaly:\"1951\",\nBelgium:\"1951\",\nLuxembourg:\"1951\",\nFrance:\"1951\",\nNetherlands:\"1951\",\nDenmark:\"1973\",\nIreland:\"1973\",\n\"United Kingdom\":\"1975\",\nGreece:\"1981\",\nPortugal:\"1986\",\nSpain:\"1986\",\nAustria:\"1995\",\nSweden:\"1995\",\nFinland:\"1995\",\nCyprus:\"2004\",\n\"Czech Republic\":\"2004\",\nEstonia:\"2004\",\nHungary:\"2004\",\nLatvia:\"2004\",\nLithuania:\"2004\",\nMalta:\"2004\",\nPoland:\"2004\",\nSlovakia:\"2004\",\nSlovenia:\"2004\",\nBulgaria:\"2007\",\nRomania:\"2007\",\nCroatia:\"2013\"})","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":170,"value":"countries = [\"Germany\",\"France\",\"United Kingdom\",\"Italy\",\"Spain\",\"Poland\",\"Romania\",\"Netherlands\",\"Belgium\",\"Greece\",\"Czech Republic\",\"Portugal\",\"Sweden\",\"Hungary\",\"Austria\",\"Bulgaria\",\"Denmark\",\"Finland\",\"Slovakia\",\"Ireland\",\"Croatia\",\"Lithuania\",\"Slovenia\",\"Latvia\",\"Estonia\",\"Cyprus\",\"Luxembourg\",\"Malta\"]\n","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":19,"value":"md`## Visualization Assets`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":13,"value":"bounds = ({ margins, \n chartWidth: width - margins.left - margins.right, \n chartHeight: height - margins.top - margins.bottom })","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":11,"value":"margins = ({top: 40, right: 20, bottom: 40, left: 40})","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":9,"value":"height = 400","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":22,"value":"md`## Libraries & Utilities`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":333,"value":"attribution = ({\n source,\n note,\n day,\n category,\n prompt\n}) => md`

**#30DayChartChallenge** | ${day} | ${category} | ${prompt}

\n ${note ? `

${note}

` : \"\"}\n

**Source**: ${\n source.link ? `[${source.label}](${source.link})` : source.label\n}

**Creator**: [Luc Guillemot](https://lucguillemot.com/)

`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":7,"value":"formatPercentage = d3.format(\".1%\")","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":5,"value":"formatThousands = d3.format(\",\")","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":33,"value":"import {swatches} from \"@d3/color-legend\"","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":2,"value":"d3 = require(\"d3@6\")","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"}],"files":"$W2f","stdlib":"1","titling":"auto"}} 2e:"$2d:body"