23:null 24:["$","title",null,{"children":"Gender Balance in the European Parliament | Luc Guillemot | Observable"}] 29:T42b,chart = { const svg = d3.create("svg") .attr("viewBox", [0, 0, width, height]) .style("overflow", "visible"); svg.append("g") .attr("transform", `translate(${margins.left}, ${margins.top})`) .selectAll("g") .data(series) .enter().append("g") .attr("fill", d => color(d.key)) .selectAll("rect") .data(d => d) .join("rect") .attr("x", d => xScale(d[0])) .attr("y", (d, i) => yScale(d.data.year_quarter)) .attr("width", d => xScale(d[1]) - xScale(d[0])) .attr("height", yScale.bandwidth()) .append("title") .text(d => `${d.data.year_quarter} ${d.key}: ${formatPercent(d[1] - d[0])}`); svg.append("g") .attr("transform", `translate(${margins.left}, ${margins.top})`) .append("line") .attr("x1", xScale(0.5)) .attr("y1", 0) .attr("x2", xScale(0.5)) .attr("y2", bounds.chartHeight) .attr("stroke", orange) .attr("stroke-width", "2px") svg.append("g") .call(xAxis); svg.append("g") .call(yAxis); return svg.node(); }2a:[{"id":"ba0e7f1ea08f1bf29976a588a1bbbe609924dffd9434bda699edd950bc64719d8c77f68c104096e4e7b590ac7843ec741348720d3691fd3812ebc560718e53c4","href":"https://static.observableusercontent.com/files/ba0e7f1ea08f1bf29976a588a1bbbe609924dffd9434bda699edd950bc64719d8c77f68c104096e4e7b590ac7843ec741348720d3691fd3812ebc560718e53c4","name":"eu@2.csv","type":"text/csv","lastModified":1617352690035.608,"size":1389}] 27:{"id":"67065fd16ceb0245","slug":"european-parliament-gender-balance","title":"Gender Balance in the European Parliament","thumbnail":"038ab3a1d851c5004db0b721ea887e183b83e3ba18fdf3ea79331f41784ed4e5","access_level":"public","create_time":"$D2021-04-02T07:19:33.692Z","update_time":"$D2021-05-07T08:31:22.455Z","view_time":null,"first_public_time":"$D2021-04-02T08:15:42.201Z","fork":true,"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":190,"publish_version":190,"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,"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":"Gender Balance in the European Parliament","cells":[{"id":0,"value":"md`# Gender Balance in the European Parliament`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":109,"value":"md`Evolution of the gender balance in the European Parliament, by quarters since 1999.`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":159,"value":"key = legend({color, tickSize: 0, width: 100})","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":74,"value":"$29","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":185,"value":"attribution({\n source: {\n label:\n \"European Institute for Gender Equality (data for some quarters is missing)\",\n link:\n \"https://eige.europa.eu/gender-statistics/dgs/indicator/index_data__index_indics/datatable\"\n },\n day: \"01\",\n category: \"Comparisons\",\n prompt: \"Part-to-whole\"\n})","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":174,"value":"md`The dataset was created by the [European Institute for Gender Equality](https://eige.europa.eu/gender-statistics/dgs/indicator/index_data__index_indics/datatable) (data for some quarters is missing).`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":69,"value":" yAxis = g => g\n .attr(\"transform\", `translate(${margins.left}, ${margins.top})`)\n .call(d3.axisRight(yScale).tickSizeOuter(0).tickSizeInner(0))\n .call(g => {\n g.selectAll(\".domain\").remove(); \n g.selectAll(\".tick line\").remove();\n g.selectAll(\".tick text\").attr(\"fill\", \"#FFFFFF\").attr(\"font-weight\", \"bold\");\n })","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":65,"value":"xAxis = g => g\n .attr(\"transform\", `translate(${margins.left}, ${margins.top})`)\n .call(d3.axisTop(xScale).ticks(width / 100, \"%\"))\n .call(g => g.selectAll(\".domain\").remove())","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":55,"value":"color = d3.scaleOrdinal()\n .domain(series.map(d => d.key))\n .range([orange, gray])\n .unknown(\"#ccc\")","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":51,"value":"yScale = d3.scaleBand()\n .domain(data.map(d => d.year_quarter))\n .range([0, bounds.chartHeight])\n .padding(0.04)","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":50,"value":"xScale = d3.scaleLinear().range([0, bounds.chartWidth])","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":38,"value":"md`## Data\n\nSource: https://eige.europa.eu/gender-statistics/dgs/indicator/wmidm_pol_parl__wmid_eurparl/datatable`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":46,"value":"series = d3.stack()\n .keys(data.columns.slice(1))\n .offset(d3.stackOffsetExpand)\n (data)\n .map(d => (d.forEach(v => v.key = d.key), d))","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":34,"value":"data = d3.csvParse(await FileAttachment(\"eu@2.csv\").text(), d3.autoType)","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":19,"value":"md`## Visualization Assets`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":59,"value":"gray = \"#cccccc\"","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":57,"value":"orange = \"#ff616b\"","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$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"},{"id":11,"value":"margins = ({top: 40, right: 10, bottom: 40, left: 10})","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":9,"value":"height = 1200","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":22,"value":"md`## Libraries & Utilities`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":184,"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"},{"id":7,"value":"formatPercent = d3.format(\".1%\")","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":5,"value":"formatThousands = d3.format(\",\")","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":161,"value":"import {legend} from \"@d3/color-legend\"","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":2,"value":"d3 = require(\"d3@6\")","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"}],"files":"$W2a","stdlib":"1","titling":"auto"}} 28:"$27:body"