31:[] 2f:{"title":"Congressional Birth Years","cells":[{"id":0,"value":"# Congressional Birth Years","pinned":false,"hidden":false,"mode":"md"},{"id":90,"value":"\n \n \n \n \n \n \n \n \n ${[['House', 'rep'], ['Senate', 'sen'], ['Both', null]].map(([label, key]) => {\n const filtered = key !== null ? congressBirthdays.filter(d => d.chamber === key) : congressBirthdays\n const frequencyArray = Array.from(\n d3.rollup(filtered, v => v.length, d => d.birthday.getFullYear())\n ).sort((a, b) => a[1] < b[1])\n const modes = frequencyArray.filter((d, i, arr) => d[1] === arr[0][1])\n return html`\n \n \n \n \n \n `\n })}\n \n

Chamber	Mode	Min	Median	Max
${label}	${modes.map(d => d[0]).join(', ')} (count: ${modes[0][1]})	${d3.min(filtered, d => d.birthday.getFullYear())}	${d3.median(filtered, d => d.birthday.getFullYear())}	${d3.max(filtered, d => d.birthday.getFullYear())}

","pinned":false,"hidden":false,"mode":"html"},{"id":33,"value":"Plot.plot({\n width: width,\n height: 800,\n marginLeft: 60,\n marginRight: 0,\n facet: {\n data: congressBirthdays,\n x: d => d.chamber === 'rep' ? 'House' : 'Senate',\n },\n fx: { axis: 'top' },\n y: { label: '↓ Birth Year', labelAnchor: 'top', labelOffset: 60, reverse: true },\n x: { label: '', grid: true, axis: 'top' },\n marks: [\n Plot.rectX(congressBirthdays, Plot.binY(\n { x: 'count' },\n { y: 'birthday', thresholds: d3.timeYear, fill: 'chamber' }\n )),\n Plot.text(congressBirthdays, Plot.binY(\n { x: 'count', text: 'count' },\n { y: 'birthday', thresholds: d3.timeYear, dx: 8 }\n ))\n ]\n})","pinned":false,"hidden":false,"mode":"ojs"},{"id":76,"value":"***\n\n## Implementation","pinned":false,"hidden":false,"mode":"md"},{"id":141,"value":"Fetch data from [the @unitedstates project](https://theunitedstates.io/):","pinned":false,"hidden":false,"mode":"md"},{"id":5,"value":"CONGRESS_DATA_URL = 'https://raw.githubusercontent.com/unitedstates/congress-legislators/main/legislators-current.yaml'","pinned":false,"hidden":false,"mode":"ojs"},{"id":12,"value":"congressMembers = yaml.load(await (await fetch(CONGRESS_DATA_URL)).text())","pinned":true,"hidden":false,"mode":"ojs"},{"id":183,"value":"Simplify it down to name, birthday (parsed), and chamber:","pinned":false,"hidden":false,"mode":"md"},{"id":25,"value":"congressBirthdays = congressMembers.map(d => ({\n name: d.name.official_full,\n birthday: d3.timeParse('%Y-%m-%d')(d.bio.birthday),\n chamber: d.terms.slice(-1)[0].type\n}))","pinned":true,"hidden":false,"mode":"ojs"},{"id":107,"value":"## Appendix","pinned":false,"hidden":false,"mode":"md"},{"id":8,"value":"yaml = require('js-yaml')","pinned":false,"hidden":false,"mode":"ojs"},{"id":17,"value":"import {Plot, d3} from \"@observablehq/plot\"","pinned":false,"hidden":false,"mode":"ojs"}],"files":"$W31","stdlib":"1","titling":"auto"}