31:T48b,youth_vacc_public = fetch( "https://observable-cors.glitch.me/https://www.maine.gov/covid19/vaccines/vaccination-sites", { cache: "no-store", mode: "cors", redirect: "follow" } ) .then((response) => response.text()) // we get the text here .then((html) => { var parser = new DOMParser(); var pg = parser.parseFromString(html, "text/html"); // we turn it into DOM elements here var tbls = Array.from(pg.querySelectorAll("table")).map(html_table); var tbl1 = aq .from(tbls[0]) .params({ avail: "Public" }) .filter((d, $) => d["Public OR Patients Only"] == $.avail) .select(aq.not("Public OR Patients Only")) .rename({ "Name of Organization": "Name" }); var tbl3 = aq .from(tbls[2]) .params({ avail: "Public" }) .filter((d, $) => d["Public OR Patients Only"] == $.avail) .select(aq.not("Public OR Patients Only")) .rename({ "Name of Organization": "Name" }); return tbl1 .concat(aq.from(tbls[1]).rename({ "Name of Pharmacy": "Name" }), tbl3) .filter((d) => d["Vaccinates 12 to 17-year-olds"] == "12+") .objects(); }) .catch((err) => err)32:[] 2f:{"title":"Searchable Maine CDC Vaccination Sites For Youth 12+ Vaccinations","cells":[{"id":101,"value":"md`# Searchable Maine CDC Vaccination Sites For Youth 12+ Vaccinations`","pinned":false,"hidden":false,"mode":"ojs"},{"id":160,"value":"md`Use the search box to filter (it'll look at all columns). This only shows locations vaccinating youth 12+.`","pinned":false,"hidden":false,"mode":"ojs"},{"id":78,"value":"viewof search = Search(youth_vacc_public, {\n placeholder: \"Search vaccine sites\"\n})","pinned":false,"hidden":false,"mode":"ojs"},{"id":81,"value":"viewof selected = Table(search)","pinned":false,"hidden":false,"mode":"ojs"},{"id":123,"value":"html`${\n typeof results === \"string\"\n ? results\n : results.map((d) => {\n return `

${d[\"Name\"]}

${d[\"Municipality\"]} (${d[\"County\"]} County)
${d[\"Scheduling Information\"]}

`;\n })\n}`","pinned":false,"hidden":false,"mode":"ojs"},{"id":147,"value":"html`

`","pinned":false,"hidden":false,"mode":"ojs"},{"id":163,"value":"md`h/t to & `","pinned":false,"hidden":false,"mode":"ojs"},{"id":125,"value":"results = selected.length === search.length && selected.length !== 1\n ? \"Click the checkbox (left) to select a row for more information.\"\n : selected.map(d => d)","pinned":false,"hidden":false,"mode":"ojs"},{"id":2,"value":"$31","pinned":false,"hidden":false,"mode":"ojs"},{"id":34,"value":"import { aq, op } from \"@uwdata/arquero\"","pinned":false,"hidden":false,"mode":"ojs"},{"id":0,"value":"import { Search, Table } from \"@observablehq/inputs\"","pinned":false,"hidden":false,"mode":"ojs"},{"id":13,"value":"html_row = function (headings) {\n return function mapRowToObject({ cells }) {\n return [...cells].reduce(function (result, cell, i) {\n const input = cell.querySelector(\"input,select\");\n var value;\n\n if (input) {\n value = input.type === \"checkbox\" ? input.checked : input.value;\n } else {\n value = cell.innerText;\n }\n\n return Object.assign(result, { [headings[i]]: value });\n }, {});\n };\n}","pinned":false,"hidden":false,"mode":"ojs"},{"id":10,"value":"html_table = function (table) {\n var headings = [...table.tHead.rows[0].cells].map(\n (heading) => heading.innerText\n );\n\n return [...table.tBodies[0].rows].map(html_row(headings));\n}","pinned":false,"hidden":false,"mode":"ojs"}],"files":"$W32","stdlib":"1","titling":"auto"}