2b:null 2c:["$","title",null,{"children":"How Many Senators Are Older Than... | Priya | Observable"}] 31:T1bdd,{ d3.select(".axis .tick:first-child").remove(); // setup const xScaleBefore = d3 .scaleTime() .range([ 0, (beeswarmConst.width - beeswarmConst.xAxisBreak) * ((parseInt(year) - 1919) / (beeswarmConst.maxYear - 1919)) ]) .domain([new Date("1919"), new Date(year)]); // up to today const xAxisBefore = d3 .axisBottom() .scale(xScaleBefore) .tickSizeOuter(0) .ticks(d3.timeYear.every(5)); const xScaleAfter = d3 .scaleTime() .range([ (beeswarmConst.width - beeswarmConst.xAxisBreak) * ((parseInt(year) - 1919) / (beeswarmConst.maxYear - 1919)) + beeswarmConst.xAxisBreak, beeswarmConst.width ]) .domain([new Date(year), new Date(beeswarmConst.maxYear.toString())]); // up to today const xAxisAfter = d3 .axisBottom() .scale(xScaleAfter) .tickSizeOuter(0) .ticks(d3.timeYear.every(5)); //html elements const svg = d3 .create("svg") .style("background", "#333333") .attr("viewBox", [ 0, 0, beeswarmConst.width + beeswarmConst.margin.left + beeswarmConst.margin.right, beeswarmConst.height + beeswarmConst.margin.top + beeswarmConst.margin.bottom ]); //background after rect svg .append("rect") .attr("fill", `url(#pattern${oneWord.slice(0, 1)})`) .attr( "width", beeswarmConst.width + beeswarmConst.margin.right - beeswarmConst.xAxisBreak / 2 - simulationRail ) .attr( "height", beeswarmConst.height + beeswarmConst.margin.top + beeswarmConst.margin.bottom ) .attr( "x", beeswarmConst.margin.left + simulationRail + beeswarmConst.xAxisBreak / 2 ) .attr("y", 0); //text labels svg .append("text") .attr("fill", "#fdfdfd") .attr("x", beeswarmConst.margin.left - 4) .attr("y", 48) .style("font-weight", "900") .style("font-size", "20px") .text(`← ${senatorBefore.length} Born Before`); svg .append("text") .attr("fill", "#333") .attr("x", beeswarmConst.margin.left + beeswarmConst.width - 150) .attr("y", 48) .style("font-weight", "900") .style("font-size", "20px") .text(`${senatorAfter.length} Born After →`); // invention label const phrase = year === "1978" ? "GPS Enters Service ⓘ " : `${oneWord} Invented ⓘ`; svg .append("rect") .attr("class", "inventionLabel") .attr("fill", "#fdfdfd") .attr("rx", "24") .attr( "x", beeswarmConst.margin.left + simulationRail + beeswarmConst.xAxisBreak / 2 - (phrase.length * 12) / 2 ) .attr("y", 16) .attr("width", phrase.length * 12) .attr("height", "58") .attr("stroke", "#333") .attr("stroke-width", "2px"); svg .append("text") .attr("fill", "#333") .attr( "x", beeswarmConst.margin.left + simulationRail + beeswarmConst.xAxisBreak / 2 - phrase.length * 4.75 ) .attr("y", 42) .attr("fill", "#333") .style("font-weight", "800") .style("cursor", "pointer") .text(phrase) .on("click", function () { window.open(inventions.find((x) => x.value === selection)?.wikipediaLink); }) .append("tspan") .attr("dx", -phrase.length * 4.75 - 16) .attr("dy", "20") .attr("opacity", "0.5") .text(year); const g = svg .append("g") .attr( "transform", `translate(${beeswarmConst.margin.left}, ${beeswarmConst.margin.top})` ); // x axis attach g.append("g") .attr("transform", `translate(0, ${beeswarmConst.height})`) .call(xAxisBefore) .attr("color", "white") .style("font-size", "16"); g.append("g") .attr("transform", `translate(0, ${beeswarmConst.height})`) .call(xAxisAfter) .attr("color", "#333") .style("stroke", "#fff") .style("stroke-width", "1px") .style("paint-order", "stroke") .style("font-size", "16"); // image def creator var spaceRE = /\s/g; var periodRE = /./g; const defs = svg.append("defs"); defs .selectAll(".pics") .data(senatorObject) .enter() .append("pattern") .attr("class", "pics") .attr("id", (d) => d.name.replace(spaceRE, "").toLowerCase()) .attr("width", 3) .attr("height", 2) .append("svg:image") .attr("xlink:href", (d) => d.image) .attr("width", beeswarmConst.radius * 2) .attr("preserveAspectRatio", "xMidYMid slice"); defs .selectAll(".background") .data(inventions) .enter() .append("pattern") .attr("class", "background") .attr("id", (d) => `pattern${d.oneWord.slice(0, 1)}`) .attr("width", 1) .attr("height", 1) .append("svg:image") .attr("xlink:href", (d) => d.backgroundImg) // .attr("width", 500) // .attr("height", 500) .attr("preserveAspectRatio", "xMidYMid slice"); // circles After returnNodes({ data: senatorAfter, className: "after", xScale: "after" }); // circles Before returnNodes({ data: senatorBefore, className: "before", xScale: "before" }); //tooltip const tooltip = d3 .select("body") .append("div") .attr("class", `tooltip`) .style("position", "absolute") .text("waiting...."); function returnNodes({ data, className, xScale }) { const nodes = g .selectAll(`circle.${className}`) .data(data) .enter() .append("circle") .attr("class", `node ${className}`) .attr("cy", (d) => { d.y = beeswarmConst.height / 2; return d.y; }) .attr("cx", (d) => { d.x = xScale == "after" ? xScaleAfter(d.birthDate) : xScaleBefore(d.birthDate); return d.x; }) .attr("r", beeswarmConst.radius) .attr("fill", (d) => `url(#${d.name.replace(spaceRE, "").toLowerCase()}`) .attr("stroke", (d) => d.party === "R" ? "#E01E37" : d.party === "D" ? "#2D9CDB" : "#F6AA1C" ) .attr("stroke-width", 2) .attr("opacity", xScale == "after" ? 1 : 0.6); if (xScale == "after") { simulationAfter.nodes(data).on("tick", () => { nodes.attr("cx", (d) => d.x).attr("cy", (d) => d.y); }); } else { simulationBefore.nodes(data).on("tick", () => { nodes.attr("cx", (d) => d.x).attr("cy", (d) => d.y); }); } nodes .on("mouseover", function (evt, d) { d3.select(this) .attr("stroke-width", "4") .attr("r", beeswarmConst.radius * 1.1); tooltip.style("opacity", 1).html( formatTooltip({ age: d.age, name: d.name, birthDate: d.birthDate, party: d.party }) ); }) .on("mousemove", (evt, d) => { tooltip .style("top", evt.pageY - 24 + "px") .style("left", evt.pageX + 24 + "px"); }) .on("mouseout", function () { d3.select(this) .attr("stroke-width", "2") .attr("r", beeswarmConst.radius); tooltip.style("opacity", 0); }); } return svg.node(); }32:T4ca,function formatTooltip({ name, age, birthDate, party }) { age = Math.floor(age); return `

Senator ${name}

${ party === "R" ? "Republican" : party === "D" ? "Democrat" : "Independent" }

${birthDate.toLocaleString("default", { month: "short", day: "numeric" })}, ${birthDate.getFullYear()} (${age} years)

Born ${ birthDate.getFullYear() > new Date(year).getFullYear() ? "after" : "before" } the invention of ${oneWord}

`; }33:T5ce,inventions = [ { value: "1935- Invention of Nylon", oneWord: "Nylon", year: "1935", wikipediaLink: "https://en.wikipedia.org/wiki/Nylon", backgroundImg: await FileAttachment("NylonRect.png").url() }, { value: "1945- Invention of Atomic Bomb", year: "1945", oneWord: "Atomic Bomb", wikipediaLink: "https://en.wikipedia.org/wiki/Manhattan_Project", backgroundImg: await FileAttachment("AtomicV2@1.png").url() }, { value: "1947- Invention of Commercial Microwave Oven", year: "1947", oneWord: "Microwave Oven", wikipediaLink: "https://en.wikipedia.org/wiki/Microwave_oven#Commercial_availability", backgroundImg: await FileAttachment("microwaveRect.png").url() }, { value: "1963- Invention of First Electronic Cigarette ", year: "1963", oneWord: "E-Cigarette", wikipediaLink: "https://en.wikipedia.org/wiki/Electronic_cigarette#History", backgroundImg: await FileAttachment("ecigRect@1.png").url() }, { value: "1978- GPS Enters Service ", year: "1978", oneWord: "GPS", wikipediaLink: "https://en.wikipedia.org/wiki/Global_Positioning_System", backgroundImg: await FileAttachment("gpsRect.png").url() }, { value: "1985- Invention of Lithium Ion Battery ", year: "1985", oneWord: "Lithium Ion Battery", wikipediaLink: "https://en.wikipedia.org/wiki/Global_Positioning_System", backgroundImg: await FileAttachment("batteryRect.png").url() } ]34:[{"id":"2ea10baf6f04672ef039fb552a5d6d8113d57ecf06aa9fba4c3878f84ed9ea5dab6a89322b5f15713ca8880dcd9788da70ee4bc120bb749b223dc3ac0c5886be","href":"https://static.observableusercontent.com/files/2ea10baf6f04672ef039fb552a5d6d8113d57ecf06aa9fba4c3878f84ed9ea5dab6a89322b5f15713ca8880dcd9788da70ee4bc120bb749b223dc3ac0c5886be","name":"stop.svg","type":"image/svg+xml","lastModified":1670708161316.914,"size":1213},{"id":"def05f83e7db7b0972558205225252b494fd382c0946a0cad606f5366ff68e84aea9feb96e913bee4483b988b39f84bdba545814631a859ab8d7da5cddf7f318","href":"https://static.observableusercontent.com/files/def05f83e7db7b0972558205225252b494fd382c0946a0cad606f5366ff68e84aea9feb96e913bee4483b988b39f84bdba545814631a859ab8d7da5cddf7f318","name":"Frame 7.png","type":"image/png","lastModified":1670627768640.238,"size":308781},{"id":"993af73d267fb1064b813e284a41fff2031c28697bac589b4bf1a1f2c97be72455138b1e65fe83482a314d93573b554ff699929b84174e9a5be8c90c4f7062e9","href":"https://static.observableusercontent.com/files/993af73d267fb1064b813e284a41fff2031c28697bac589b4bf1a1f2c97be72455138b1e65fe83482a314d93573b554ff699929b84174e9a5be8c90c4f7062e9","name":"cake@1.png","type":"image/png","lastModified":1670635885060.904,"size":503},{"id":"66f8e48c6eec7b0ca15b9568bd0c884013d6e23acb3e5058d8a7a41918a98e60b6cce2975f7606c8ad41ece7f58eca587a9fa4550ace53c7f8b72d624a681803","href":"https://static.observableusercontent.com/files/66f8e48c6eec7b0ca15b9568bd0c884013d6e23acb3e5058d8a7a41918a98e60b6cce2975f7606c8ad41ece7f58eca587a9fa4550ace53c7f8b72d624a681803","name":"check.svg","type":"image/svg+xml","lastModified":1670708161448.843,"size":1052},{"id":"1991cbd9b3e35aca8b2991e1714ce0fb5758a215a78cd34f2b7dc3a8c25456f9b63d739aae74b0e5b54b7fc427828a64875a082781e57f8609528804470ca092","href":"https://static.observableusercontent.com/files/1991cbd9b3e35aca8b2991e1714ce0fb5758a215a78cd34f2b7dc3a8c25456f9b63d739aae74b0e5b54b7fc427828a64875a082781e57f8609528804470ca092","name":"NylonRect.png","type":"image/png","lastModified":1670807429125.668,"size":214494},{"id":"7a678ddbbd5a5894331996246621decf253b4128200a1f42f4eaeb0808aeb0cddab5f9b29679a7096e89fdea42c23b4e2fd6f2bd66aede232680f11d45ba5d73","href":"https://static.observableusercontent.com/files/7a678ddbbd5a5894331996246621decf253b4128200a1f42f4eaeb0808aeb0cddab5f9b29679a7096e89fdea42c23b4e2fd6f2bd66aede232680f11d45ba5d73","name":"AtomicV2@1.png","type":"image/png","lastModified":1670808556998.522,"size":178360},{"id":"02fe954844876f2e1c74d1c384a769e9e0b4e958d5dcf40ef70d863a870ec5d1a70f14c7f55dc6574412c880cb6542ce4d41209109d6cc9403248243c59c2fbd","href":"https://static.observableusercontent.com/files/02fe954844876f2e1c74d1c384a769e9e0b4e958d5dcf40ef70d863a870ec5d1a70f14c7f55dc6574412c880cb6542ce4d41209109d6cc9403248243c59c2fbd","name":"microwaveRect.png","type":"image/png","lastModified":1670809491232.533,"size":165301},{"id":"94041a8d39d800a11be6a9281c9ae10581ce6ecbffc62db5615dccac11e92b013ac03bd697316b5f93a1c4d424b9cecaf007329bec93357113806bd5a87efa0e","href":"https://static.observableusercontent.com/files/94041a8d39d800a11be6a9281c9ae10581ce6ecbffc62db5615dccac11e92b013ac03bd697316b5f93a1c4d424b9cecaf007329bec93357113806bd5a87efa0e","name":"ecigRect@1.png","type":"image/png","lastModified":1670809636276.451,"size":105113},{"id":"80aa6756c7d7235f5b3c18904caf43c3a2105c33dbfdfc8cfe26a93819e6659c3b6047e36c618a2626fd54308a2eab9709d0d57674a1a27c2dc0fac1cef6e347","href":"https://static.observableusercontent.com/files/80aa6756c7d7235f5b3c18904caf43c3a2105c33dbfdfc8cfe26a93819e6659c3b6047e36c618a2626fd54308a2eab9709d0d57674a1a27c2dc0fac1cef6e347","name":"gpsRect.png","type":"image/png","lastModified":1670809692632.302,"size":124631},{"id":"4da238105de9bcfbc1227157fe2b8aa6db4ceb3d1207db04c6aef050218e25b162bed219b31d8b19547dbdabcf9714cd09688e80f9d5e769efd1f51e2ddb9e16","href":"https://static.observableusercontent.com/files/4da238105de9bcfbc1227157fe2b8aa6db4ceb3d1207db04c6aef050218e25b162bed219b31d8b19547dbdabcf9714cd09688e80f9d5e769efd1f51e2ddb9e16","name":"batteryRect.png","type":"image/png","lastModified":1670809770796.969,"size":107340}] 2f:{"id":"48357752cbe8c36b","slug":null,"title":"How Many Senators Are Older Than...","thumbnail":"a4acb983db921d0b834a5925ad078737b0638f555e271d0053aca36843ff00f2","access_level":"public","create_time":"$D2022-11-30T04:13:39.669Z","update_time":"$D2024-09-12T15:14:04.033Z","view_time":null,"first_public_time":"$D2022-12-04T01:59:09.294Z","has_unpublished_edits":null,"fork":false,"stars":1,"starred":false,"owner":{"type":"team","id":"55e4f5b506df3eb3","login":"pmisner","name":"Priya","avatar_url":"https://avatars-next.observableusercontent.com/0f5c4cef9ffaa3856416deff8fc4d56f5003aa9547ee21b9be46a17eba103c07","tier":"starter_2024","bio":""},"version":1403,"publish_version":null,"role":null,"authored":false,"authors":[{"type":"individual","id":"bfd761aeef223349","login":"pmisner","name":"Priya","avatar_url":"https://avatars-next.observableusercontent.com/0f5c4cef9ffaa3856416deff8fc4d56f5003aa9547ee21b9be46a17eba103c07","tier":null,"bio":""}],"members":[{"type":"individual","id":"bfd761aeef223349","login":"pmisner","name":"Priya","avatar_url":"https://avatars-next.observableusercontent.com/0f5c4cef9ffaa3856416deff8fc4d56f5003aa9547ee21b9be46a17eba103c07","tier":null,"role":"editor"}],"comments":[],"custom_thumbnail":false,"trashed":false,"lapsed":null,"subscribed":null,"forks":0,"collection":null,"type":"notebook","body":{"titling":"auto","title":"How Many Senators Are Older Than...","cells":[{"id":0,"value":"# How Many Senators Are Older Than... ","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"","database":"$undefined"},{"id":496,"value":"viewof selection = Inputs.select(\n inventions.map((x) => x.value),\n {\n value: \"1945- Invention of Atomic Bomb\",\n label: \"Choose an Invention:\"\n }\n)","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":532,"value":"$31","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":1042,"value":"## Styling and Frontend","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"","database":"$undefined"},{"id":791,"value":"","pinned":false,"hidden":false,"mode":"html","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"","database":"$undefined"},{"id":837,"value":"$32","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":927,"value":"cakeIMG = await FileAttachment(\"cake@1.png\").url()","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":947,"value":"stop = await FileAttachment(\"stop.svg\").url()","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":1245,"value":"check = await FileAttachment(\"check.svg\").url()","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":229,"value":"## Chart Utils","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"","database":"$undefined"},{"id":1144,"value":"year = inventions.find((x) => x.value === selection)?.year","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":500,"value":"years = Array.from(Array(11).keys()).map((x) => (x * 10 + 1920).toString())","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":1118,"value":"$33","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":1160,"value":"oneWord = inventions.find((x) => x.value === selection)?.oneWord","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":237,"value":"beeswarmConst = ({\n padding: 3,\n radius: 16,\n width: 1000,\n height: 500,\n margin: { left: 48, right: 48, bottom: 48, top: 64 },\n maxYear: 2000, //new Date().getFullYear();\n xAxisBreak: 10 //space between two axes\n})","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":679,"value":"simulationRail = (beeswarmConst.width - beeswarmConst.xAxisBreak) *\n ((parseInt(year) - 1919) / (beeswarmConst.maxYear - 1919))","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":234,"value":"simulationBefore = d3\n .forceSimulation()\n .force(\n \"collision\",\n d3.forceCollide(beeswarmConst.radius + beeswarmConst.padding)\n )\n .force(\n \"x\",\n d3.forceX((d) => (d.x > simulationRail ? simulationRail : d.x)).strength(3)\n )\n .force(\"y\", d3.forceY((d) => d.y).strength(0.05))","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":619,"value":"simulationAfter = d3\n .forceSimulation()\n .force(\n \"collision\",\n d3.forceCollide(beeswarmConst.radius + beeswarmConst.padding)\n )\n .force(\n \"x\",\n d3\n .forceX((d) =>\n d.x < simulationRail + beeswarmConst.xAxisBreak + 0\n ? simulationRail + beeswarmConst.xAxisBreak + 0\n : d.x\n )\n .strength(3)\n )\n .force(\"y\", d3.forceY((d) => d.y).strength(0.05))","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":226,"value":"## Getting Senator Date from Wikipedia","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"","database":"$undefined"},{"id":47,"value":"wikiTitle = \"List_of_current_United_States_senators\"","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":576,"value":"senatorAfter = senatorObject.filter(\n (x) => x.birthDate.getFullYear() >= parseInt(year)\n)","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":582,"value":"senatorBefore = senatorObject.filter(\n (x) => x.birthDate.getFullYear() < parseInt(year)\n)","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":198,"value":"senatorObject = {\n const states = Array.from(rows, (r) =>\n r.querySelector(\"td\")?.textContent.trim()\n )\n .map((x, i, array) => (x == undefined || x.length > 2 ? x : array[i - 1]))\n .slice(1);\n\n const senatorNames = Array.from(rows, (r) =>\n r.querySelector(\"th\")?.textContent.trim()\n ).slice(1);\n\n const birthDates = Array.from(\n rows,\n (r) =>\n new Date(\n r.querySelector(\"td:nth-last-child(7)\")?.textContent.trim().slice(1, 11)\n )\n ).slice(1);\n\n const imageSrc = Array.from(\n rows,\n (r) => r.querySelector(\"td a img\")?.src\n ).slice(1);\n\n const party = Array.from(rows, (r) =>\n r.querySelector(\"td:nth-last-child(8)\")?.textContent.trim().slice(0, 1)\n ).slice(1);\n\n return states.map((x, i) => {\n return {\n state: x,\n name: senatorNames[i],\n birthDate: birthDates[i],\n age: Math.abs(new Date() - birthDates[i]) / (3.154 * 10 ** 10),\n image: imageSrc[i],\n party: party[i]\n };\n });\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":222,"value":"table HTML in cell below","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"","database":"$undefined"},{"id":72,"value":"tableHTML = {\n const parser = new DOMParser();\n const external = parser.parseFromString(\n articleSections.parse.text[\"*\"],\n \"text/html\"\n );\n const table = document.adoptNode(external.querySelector(\"table\"));\n table.style = `\n display: none;\n position: relative;\n max-width: none;\n max-height: 600px;\n overflow-y: auto;\n -webkit-overflow-scrolling: touch;\n `;\n return table;\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":82,"value":"rows = tableHTML.querySelectorAll(\"tr\")","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":27,"value":"entireArticle = getData({ wikiTitle })","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":45,"value":"articleSections = fetch(\n `https://en.wikipedia.org/w/api.php?format=json&origin=*&action=parse&prop=text&page=${wikiTitle}§ion=${6}`\n).then((response) => response.json())","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":24,"value":"function getData({wikiTitle}) {\n return fetch(\n `https://en.wikipedia.org/w/api.php?format=json&origin=*&action=parse&prop=text&page=${wikiTitle}§ion=1`\n ).then((response) => response.json());\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":10,"value":"## Housekeeping","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"","database":"$undefined"},{"id":8,"value":"defaultFontStack()","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":5,"value":"import { defaultFontStack } from \"@pmisner/font-stack\"","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"}],"files":"$W34","stdlib":"1"}} 30:"$2f:body"