2a:[{"id":"5a543d1779db38ac72ba8e09b19468a7263f1c05b5b9bb0eb90b8dda9be46274f47f142bd45ae63832ce4261d7d091c4225a34b44725592893ad50bb90387d49","href":"https://static.observableusercontent.com/files/5a543d1779db38ac72ba8e09b19468a7263f1c05b5b9bb0eb90b8dda9be46274f47f142bd45ae63832ce4261d7d091c4225a34b44725592893ad50bb90387d49","name":"europarl.csv","type":"text/csv","lastModified":1617362021252.703,"size":81395},{"id":"026d93dcde58b4e4140c9373be5f3f43ca9b487a29ba2d802987e30206f8e33e58e2d9971035569ff8f1025cfb36336f299803abdbe90eefeb707941f4112257","href":"https://static.observableusercontent.com/files/026d93dcde58b4e4140c9373be5f3f43ca9b487a29ba2d802987e30206f8e33e58e2d9971035569ff8f1025cfb36336f299803abdbe90eefeb707941f4112257","name":"parties@1.csv","type":"text/csv","lastModified":1617362733728.089,"size":490}] 28:{"title":"Political groups at the European Parliament","cells":[{"id":0,"value":"md`# Political groups at the European Parliament`","pinned":false,"hidden":false,"mode":"ojs"},{"id":169,"value":"md`Each pictogram represents a member of parliament, colored according to their affiliation to one of the 7 political groups, or non attached. \n\nThe pictogram is the [_Gender Neutral_ icon by James Walker](https://thenounproject.com/info182/).`","pinned":false,"hidden":false,"mode":"ojs"},{"id":54,"value":"html`\n${byEUGroup.map(group => `

\n\n

\n ${group[1].map(mep => `

${pictogram}

`).join('')\n}\n

`)}\n`","pinned":false,"hidden":false,"mode":"ojs"},{"id":236,"value":"attribution({\n source: {\n label: \"European Parliament\",\n link: \"https://www.europarl.europa.eu/meps/en/full-list/xml\"\n },\n day: \"02\",\n category: \"Comparisons\",\n prompt: \"Pictogram\"\n})","pinned":false,"hidden":false,"mode":"ojs"},{"id":185,"value":"md`### Variation`","pinned":false,"hidden":false,"mode":"ojs"},{"id":213,"value":"swatches({color})","pinned":false,"hidden":false,"mode":"ojs"},{"id":183,"value":"html`

\n${data.map(mep => \n `

${pictogram}

`)}\n

`","pinned":false,"hidden":false,"mode":"ojs"},{"id":95,"value":"pictogram = ``","pinned":false,"hidden":false,"mode":"ojs"},{"id":148,"value":"html``","pinned":false,"hidden":false,"mode":"ojs"},{"id":71,"value":"html``","pinned":false,"hidden":false,"mode":"ojs"},{"id":60,"value":"html``","pinned":false,"hidden":false,"mode":"ojs"},{"id":153,"value":"html``","pinned":false,"hidden":false,"mode":"ojs"},{"id":40,"value":"color = d3.scaleOrdinal()\n .domain(parties.map(d => d.fullName))\n .range(parties.map(d => d.color))\n .unknown(\"magenta\")","pinned":false,"hidden":false,"mode":"ojs"},{"id":135,"value":"orderedData = data.sort((a, b) => d3.ascending(orderedPoliticalGroups.indexOf(a.politicalGroup), orderedPoliticalGroups.indexOf(b.politicalGroup)))","pinned":false,"hidden":false,"mode":"ojs"},{"id":118,"value":"orderedPoliticalGroups = byEUGroup.map(d => d[0])","pinned":false,"hidden":false,"mode":"ojs"},{"id":51,"value":"byEUGroup = d3.groups(data, d => d.politicalGroup).sort((a, b) => d3.descending(a[1].length, b[1].length))","pinned":false,"hidden":false,"mode":"ojs"},{"id":36,"value":"data = d3.csvParse(await FileAttachment(\"europarl.csv\").text(), d3.autoType)","pinned":false,"hidden":false,"mode":"ojs"},{"id":19,"value":"md`## Visualization Assets`","pinned":false,"hidden":false,"mode":"ojs"},{"id":237,"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"},{"id":74,"value":"squareSize = 22","pinned":false,"hidden":false,"mode":"ojs"},{"id":41,"value":"parties = d3.csvParse(await FileAttachment(\"parties@1.csv\").text(), d3.autoType)","pinned":false,"hidden":false,"mode":"ojs"},{"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"},{"id":11,"value":"margins = ({top: 40, right: 20, bottom: 40, left: 40})","pinned":false,"hidden":false,"mode":"ojs"},{"id":9,"value":"height = 400","pinned":false,"hidden":false,"mode":"ojs"},{"id":22,"value":"md`## Libraries & Utilities`","pinned":false,"hidden":false,"mode":"ojs"},{"id":7,"value":"formatPercentage = d3.format(\".1%\")","pinned":false,"hidden":false,"mode":"ojs"},{"id":5,"value":"formatThousands = d3.format(\",\")","pinned":false,"hidden":false,"mode":"ojs"},{"id":31,"value":"import {swatches, legend} from \"@d3/color-legend\"","pinned":false,"hidden":false,"mode":"ojs"},{"id":2,"value":"d3 = require(\"d3@6\")","pinned":false,"hidden":false,"mode":"ojs"}],"files":"$W2a","stdlib":"1","titling":"auto"}