29:null 2a:["$","title",null,{"children":"National Vaccination Progress | Nicholas Xu | Observable"}] 2f:Td1f,vaccines_chart = { if (viztype=='Total vaccinations'){ const width = 900; const height = 400; const margin = { top: 10, right: 10, bottom: 20, left: 60 }; const svg = d3.create("svg").attr("viewBox", [0, 0, width, height]); const x = d3 .scaleUtc() .domain([ d3.min(data, d => new Date(d.date)), d3.max(data, d => new Date(d.date)) ]) .range([margin.left, width - margin.right]); const y = d3 .scaleLinear() .domain([ d3.min(data, d => d.people_vaccinated), data.map(d => d.people_vaccinated)[ data.map(d => d.people_vaccinated).length - 1 ] ]) .range([height - margin.bottom, margin.top]); const area = d3 .area() .x(d => x(new Date(d.data.date))) .y0(d => y(d[0])) .y1(d => y(d[1] - d[0])); const series = d3 .stack() .keys(["people_fully_vaccinated", "people_vaccinated"])(data); const colors = { people_vaccinated: "#a8dab5", people_fully_vaccinated: "#5bb974" }; svg .append("g") .attr("transform", `translate(0,${height - margin.bottom})`) .call(d3.axisBottom(x)) .selectAll('text').attr("transform", `rotate(15)`); svg .append("g") .attr("transform", `translate(${margin.left},0)`) .call(d3.axisLeft(y).tickFormat(formatTick)) .call(g => g .selectAll(".tick line") .clone() .attr("x2", width) .attr("stroke-opacity", 0.1) ); svg .append("g") .selectAll("path") .data(series) .join("path") .attr("fill", ({ key }) => colors[key]) .attr("d", area) .append("title") .text(({ key }) => key); svg.append("text") .attr("font-family", "sans-serif") .attr("font-size", 8) .attr("y", 8) .text("↑ People (Million)") return svg.node(); } else { return vegalite({ data: { values: vacc7days }, background: null, encoding: { x: { field: "date",type: "temporal", title: ""}, y: { type: "quantitative", axis: {title: "Daily vaccinations (# of people)"}} }, layer: [ { mark: { type: "bar", point: false, interpolate: "monotone", color:"#a8dab5"}, width: (window.innerWidth -100)>=1200 ? 1200: (window.innerWidth -140), height:400, autosize: { type: "fit", resize:true}, encoding: { x: { field: "date", type: "temporal", timeUnit: "monthdate", axis: { labelAngle: 15 } }, y: { field: "daily_total_vaccinations", type: "quantitative", } } }, { mark: { type: "bar", point: false, interpolate: "monotone", color:"#5bb974"}, width: (window.innerWidth -100)>=1200 ? 1200: (window.innerWidth -140), height:400, autosize: { type: "fit", resize:true}, encoding: { x: { field: "date", type: "temporal", timeUnit: "monthdate", axis: { labelAngle: 15 } }, y: { field: "daily_fully_vaccinations", type: "quantitative", } } }, { mark: { type: "line", interpolate: "monotone", size: 4, color: "gold"}, encoding: { x: { field: "date", type: "temporal", timeUnit: "monthdate"}, y: { field: "daily_doses_avg7", type: "quantitative" }, } } ]}) } }30:T457,chart = { const svg = d3.create("svg") const arcs = pie(objs); svg.attr("viewBox", [-width / 2, -height / 2, width, height]); svg.append("g") .attr("stroke", "white") .selectAll("path") .data(arcs) .join("path") .attr("fill", d => color(d.data.name)) .attr("d", arc) .append("title") .text(d => `${d.data.name}: ${d.data.value.toLocaleString()}`); svg.append("g") .attr("font-family", "sans-serif") .attr("font-size", 12) .attr("text-anchor", "middle") .selectAll("text") .data(arcs) .join("text") .attr("transform", d => `translate(${arcLabel.centroid(d)})`) .call(text => text.append("tspan") .attr("y", "-0.4em") .attr("font-weight", "bold") .text(d => d.data.name)) .call(text => text.filter(d => (d.endAngle - d.startAngle) > 0.25).append("tspan") .attr("x", 0) .attr("y", "0.7em") .attr("fill-opacity", 0.7) .text(d => (formatDecimal(d.data.value/vac.length)*100).toLocaleString()+"%")); return svg.node(); }31:T76f,chart4 = { const margin = { top: 0, right: 90, bottom: 30, left: 0 }; const height = 480; const arbitrary_padding = 25; const svg = d3.create("svg").attr("viewBox", [0, 0, width, height]); const x = d3 .scaleLinear() .domain([0, d3.max(sides_objs, d => d.value)]) .nice() .range([arbitrary_padding + margin.left, width - margin.right]); const y = d3 .scaleBand() .domain(sides_objs.map(d => d.name)) .range([480 - margin.bottom, margin.top]) .padding(0.2); const xAxis = g => g .attr('transform', `translate(0,${480 - margin.bottom})`) .call(d3.axisBottom(x).ticks(width / 100)); const yAxis = g => g .attr("transform", `translate(${arbitrary_padding + margin.left},0)`) .call(d3.axisLeft(y).tickSizeOuter(0)); svg .append("g") .attr("fill", "#b3de69") .selectAll("rect") .data(sides_objs) .join("rect") .attr("x", x(0)) .attr("y", d => y(d.name)) .attr("width", d => x(d.value) - x(0)) .attr("height", y.bandwidth()) .on("mouseover", function(d) { d3.select(this).attr("fill", "#5bb974"); //Get this bar's x/y values, then augment for the tooltip //Get this bar's x/y values, then augment for the tooltip var yPosition = parseFloat(d3.select(this).attr("y")) + y.bandwidth() / 2; var xPosition = parseFloat(d3.select(this).attr("x")) / 2 + width / 2; }) .on('mouseout', function() { d3.select(this) .transition() .attr('fill', "#b3de69"); }); svg .append("g") .attr("fill", "black") .attr("text-anchor", "after-edge") .style("font", "14px sans-serif") .selectAll("text") .data(sides_objs) .join("text") .attr("x", d => x(d.value) + 5) .attr("y", d => y(d.name) + y.bandwidth() / 2) .attr("dy", "0.35em") .text(d => d.name + " | " + d.value); return svg.node(); }32:T448,chart2 = { const arcs = pie(sides_objs); const svg = d3.create("svg") .attr("viewBox", [-width / 2, -height / 2, width, height]); svg.append("g") .attr("stroke", "white") .selectAll("path") .data(arcs) .join("path") .attr("fill", d => color(d.data.name)) .attr("d", arc) .append("title") .text(d => `${d.data.name}: ${d.data.value.toLocaleString()}`); svg.append("g") .attr("font-family", "sans-serif") .attr("font-size", 12) .attr("text-anchor", "middle") .selectAll("text") .data(arcs) .join("text") .attr("transform", d => `translate(${arcLabel.centroid(d)})`) .call(text => text.append("tspan") .attr("y", "-0.4em") .attr("font-weight", "bold") .text(d => d.data.name)) .call(text => text.filter(d => (d.endAngle - d.startAngle) > 0.25).append("tspan") .attr("x", 0) .attr("y", "0.7em") .attr("fill-opacity", 0.7) .text(d => (formatDecimal(d.data.value/vac.length)*100).toLocaleString()+"%")); return svg.node(); }33:T4d6,vacc7days = _.chain(raw) // filter date .filter(function(d) { return d.location === state & d.date>='2021-02-16' & d.total_vaccinations != ""}) .map(function(val, i, arr){ return {...val, date: new Date(val.date).toLocaleDateString("en-US", {month: 'short', day: 'numeric'})} }) .map(function(val, i, arr) { if (i === 0) { return { ...val, daily_single_vaccinations: Number.parseInt(0) } } let dsv=Number(val.people_vaccinated) - Number(arr[i - 1].people_vaccinated) return { ...val, daily_single_vaccinations: dsv >= 0 ? dsv: 0 } }) .map(function(val, i, arr) { if (i === 0) { return { ...val, daily_fully_vaccinations: Number.parseInt(0) } } let dfv = Number(val.people_fully_vaccinated) - Number(arr[i - 1].people_fully_vaccinated) return { ...val, daily_fully_vaccinations: dfv>=0 ? dfv : 0 } }) .map(function(val, i, arr) { if (i === 0) { return { ...val, daily_total_vaccinations: Number.parseInt(0) } } return { ...val, daily_total_vaccinations: val.daily_fully_vaccinations + val.daily_single_vaccinations} }) .map(function(val, i, arr) { if (i >= 6) { return { ...val, daily_doses_avg7: avg(i, arr) } } return val }) .value()34:T471,function printTable(data, header, maxWidth) { const Align = { l: 'left', c: 'center', r: 'right' }; const cellStyle = 'padding: 2.5px 7px; white-space: nowrap;'; header = header || (data[0] && Object.keys(data[0])); if (!header) return ''; const fields = header.map(h => (h && h.field || h) + ''); const styles = header.map(h => { return `style="text-align:${h && Align[h.align] || Align.l}; ${cellStyle}"`; }); const lines = []; const maxw = maxWidth || maxWidth === undefined ? ` style="max-width:${+maxWidth || width}px"` : ''; lines.push(``); // header row lines.push(''); header.forEach((h, i) => { lines.push(`${h && h.title || h}`); }); lines.push(''); // data rows lines.push(''); data.forEach(d => { lines.push(''); fields.map((f, i) => { lines.push(`${printValue(d[f])}`); }); lines.push(''); }); lines.push(''); lines.push(''); return html`

${lines.join('')}

`; }35:[] 2d:{"id":"5df2467cf20e2458","slug":"national-vaccination-progress","title":"National Vaccination Progress","thumbnail":"eef3f5d9341c09e393773d5d29d4c7ddffa6908497265e48cb07d6518e6b639e","access_level":"public","create_time":"$D2021-05-06T21:05:19.387Z","update_time":"$D2021-06-01T22:57:56.610Z","view_time":null,"first_public_time":"$D2021-05-07T00:02:31.729Z","has_unpublished_edits":null,"fork":false,"stars":1,"starred":false,"owner":{"type":"team","id":"9b0fb2a49d1a1104","login":"tichx","name":"Nicholas Xu","avatar_url":"https://avatars-next.observableusercontent.com/6e535ce2c900f7dffff3b4801133862f20a0782ac4cbd8bd2a393a1e235b61be","tier":"starter_2024"},"version":3497,"publish_version":3497,"role":null,"authored":false,"authors":[{"type":"individual","id":"2759576f30ad1f5c","login":"tichx","name":"Nicholas Xu","avatar_url":"https://avatars-next.observableusercontent.com/6e535ce2c900f7dffff3b4801133862f20a0782ac4cbd8bd2a393a1e235b61be","tier":null}],"members":[{"type":"individual","id":"2759576f30ad1f5c","login":"tichx","name":"Nicholas Xu","avatar_url":"https://avatars-next.observableusercontent.com/6e535ce2c900f7dffff3b4801133862f20a0782ac4cbd8bd2a393a1e235b61be","tier":null,"role":"editor"}],"comments":[],"custom_thumbnail":false,"trashed":false,"lapsed":null,"subscribed":null,"forks":1,"collection":null,"type":"notebook","body":{"title":"National Vaccination Progress","cells":[{"id":0,"value":"md`# National Vaccination Progress`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":815,"value":"md`Data comes from [Our World Data](https://github.com/owid/covid-19-data/blob/master/public/data/vaccinations/us_state_vaccinations.csv)`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":58,"value":"viewof state = Inputs.select(['Washington'].concat(states), {label: \"State\"})","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":2741,"value":"viewof viztype = Inputs.radio([\"Total vaccinations\", \"Daily vaccinations\"],{value:\"Total vaccinations\",label: \"Type\"})\n","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":180,"value":"$2f","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":544,"value":"legend2={\n if(viztype=='Daily vaccinations'){\n return swatches({\n color: d3.scaleOrdinal([ \"Partially vaccinated\", \"Fully vaccinated\", \"7-day average\"], [\"#a8dab5\",\"#5bb974\",\"#FFD700\"])\n})\n } else{\n return swatches({\n color: d3.scaleOrdinal([ \"At least 1 dose\", \"Fully Vaccinated\"], [\"#a8dab5\",\"#5bb974\"])\n})\n }\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":2787,"value":"tablenew=printTable(datatable.slice(-7).sort((a, b) => new Date(b.Date) - new Date(a.Date)))","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":1270,"value":"md`# Survey Data Visualization`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":1537,"value":"md`### Demographic selections`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":1301,"value":"viewof state2 = Inputs.select(['Nationwide'].concat(survey_state), {label: \"State\"})","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":1398,"value":"viewof gender = Inputs.select(['All'].concat(genders), {label: \"Gender\"})","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":1380,"value":"viewof age = Inputs.select(['All'].concat(ages), {label: \"Age\"})","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":1360,"value":"viewof race = Inputs.radio([\"All\"].concat(races),{value:\"All\",label: \"Race\"})\n","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":1558,"value":"viewof vaccine = Inputs.checkbox([\"Pfizer\", \"Moderna\", \"Johnson Johnson\"], {label: \"Vaccine\",value:[\"Pfizer\", \"Moderna\", \"Johnson Johnson\"]})","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":1275,"value":"md`### Vaccine brands`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":838,"value":"$30","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":1603,"value":"md`### Side effects`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":2061,"value":"$31","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":1283,"value":"$32","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":824,"value":"md`# Appendix`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":1789,"value":"datatable = data.map(item => {\n return {\n Date: new Date(item.date).toLocaleDateString(\"en-US\", {month: 'short', day: 'numeric'}),\n State: item.location,\n \"At least 1 dose\": Number(item[\"people_vaccinated_per_hundred\"]).toFixed(1)+\"%\"+\" (\"+ (item[\"people_vaccinated\"]/1000000).toFixed(2) +\"M)\",\n \"Fully vaccinated\": Number(item[\"people_fully_vaccinated_per_hundred\"]).toFixed(1)+\"%\"+\" (\"+ (item[\"people_fully_vaccinated\"]/1000000).toFixed(2) +\"M)\",\n \"Daily vaccination\": \"+\"+(item.daily_vaccinations/1000).toFixed(0)+\"k\"\n };\n });","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":2777,"value":"function printValue(v) {\n if (v instanceof Date) {\n if (v.getHours() === 0 &&\n v.getMinutes() === 0 &&\n v.getSeconds() === 0 &&\n v.getMilliseconds() === 0)\n {\n return dateString(v.getFullYear(), v.getMonth()+1, v.getDate());\n } else if (v.getUTCHours() === 0 &&\n v.getUTCMinutes() === 0 &&\n v.getUTCSeconds() === 0 &&\n v.getUTCMilliseconds() === 0)\n {\n return dateString(v.getUTCFullYear(), v.getUTCMonth()+1, v.getUTCDate());\n } else {\n return v.toISOString();\n }\n } else {\n return v;\n }\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":2499,"value":"$33","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":3246,"value":"function formatTick(d) {\n const s = (d / 1e6).toFixed(1);\n return this.parentNode.nextSibling ? `\\xa0${s}` : `${s}`;\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":2538,"value":"function avg(i, arr) {\n var val = 0\n for (var idx = 0; idx <= 6; idx++) {\n val = val + arr[i - idx].daily_single_vaccinations + arr[i - idx].daily_fully_vaccinations\n }\n return val/7\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":2776,"value":"$34","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":2779,"value":"function dateString(year, month, date) {\n return `${year}-${(month < 10 ? '0' : '') + month}-${(date < 10 ? '0' : '') + date}`;\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":2447,"value":"\nvegalite = require('@observablehq/vega-lite')","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":2451,"value":"data\n","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":1108,"value":"height = Math.min(width, 500)","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":848,"value":"color = d3\n .scaleOrdinal()\n .domain(objs.map(d => d.name))\n .range(d3.schemeSet3)","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":840,"value":"pie = d3.pie()\n .sort(null)\n .value(d => d.value)","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":853,"value":"arc = d3.arc()\n .innerRadius(0)\n .outerRadius(Math.min(width, height) / 2 - 1)","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":857,"value":"arcLabel = {\n const radius = Math.min(width, height) / 2 * 0.8;\n return d3.arc().innerRadius(radius).outerRadius(radius);\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":861,"value":"formatDecimal = d3.format(\",.2f\")","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":1318,"value":"survey_state=uniqueWhile(survey.map(d=>d[\"Which state are you from?\"]))","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":1361,"value":"races=uniqueWhile(survey.filter(d=>d[\"What's your self-identified race?\"]!=\"\").map(d=>d[\"What's your self-identified race?\"]))","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":1381,"value":"ages=uniqueWhile(survey.map(d=>d[\"How old are you?\"]))","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":1390,"value":"genders=uniqueWhile(survey.map(d=>d[\"...and your gender is?\"]))","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":1299,"value":"filtered_data = \n{\n let filter = survey \n if (state2 != 'Nationwide'){\n filter= filter.filter((row)=>row[\"Which state are you from?\"]==state2);\n } \n \n if(race!='All'){\n filter=filter.filter((row)=>row[\"What's your self-identified race?\"]==race)\n }\n if(gender!='All'){\n filter=filter.filter((row)=>row[\"...and your gender is?\"]==gender)\n }\n if(age!='All'){\n filter=filter.filter((row)=>row[\"How old are you?\"]==age)\n }\n let temp=[]\n for(let i=0;irow[\"Which vaccine have you gotten?\"]==vaccine[i]))\n }\n var merged = [].concat.apply([], temp);\n return merged\n}\n\n","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":523,"value":"legendcolor = require(\"d3-svg-legend\")","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":50,"value":"raw=d3.csv(\"https://raw.githubusercontent.com/owid/covid-19-data/master/public/data/vaccinations/us_state_vaccinations.csv\")","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":84,"value":"data=raw.filter((row)=>row.location==state);\n","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":65,"value":"stateNames=[\"Alabama\",\"Alaska\",\"Arizona\",\"Arkansas\",\"California\",\"Colorado\",\"Connecticut\",\"Delaware\",\"Florida\",\"Georgia\",\"Hawaii\",\"Idaho\",\"Illinois\",\"Indiana\",\"Iowa\",\"Kansas\",\"Kentucky\",\"Louisiana\",\"Maine\",\"Maryland\",\"Massachusetts\",\"Michigan\",\"Minnesota\",\"Mississippi\",\"Missouri\",\"Montana\",\"Nebraska\",\"Nevada\",\"New Hampshire\",\"New Jersey\",\"New Mexico\",\"New York State\",\"North Carolina\",\"North Dakota\",\"Ohio\",\"Oklahoma\",\"Oregon\",\"Pennsylvania\",\"Rhode Island\",\"South Carolina\",\"South Dakota\",\"Tennessee\",\"Texas\",\"Utah\",\"Vermont\",\"Virginia\",\"Washington\",\"West Virginia\",\"Wisconsin\",\"Wyoming\"]","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":3425,"value":"states=uniqueWhile(raw.map(d=>d.location))","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":11,"value":"d3 = require('d3@5')","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":548,"value":"import {legend, swatches} from \"@d3/color-legend\"","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":834,"value":"survey=d3.csv(\"https://docs.google.com/spreadsheets/d/e/2PACX-1vRNff-KO4rU83hpAUG3_IGW4D2VMv1T-2cAfwx_tqPa8xZeXQBgGMuQ1gUain6pIzv4rFPJQqdpQesm/pub?gid=1393052108&single=true&output=csv\")","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":974,"value":"vac=filtered_data.map(d=>d[\"Which vaccine have you gotten?\"]).filter(d=>d=='Moderna'|d=='Pfizer'|d=='Johnson Johnson')","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":1407,"value":"side=filtered_data.map(d=>d[\"Have you experienced any of the following side effects?\"]).filter(d=>d!=\"\")","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":1414,"value":"sides={\n var data=[]\n for (var i=0;id.name!=\"Tenderness\")\n const isSwelling = objs.filter(d=>d.name==\"swelling and/or redness at the arm\").length!=0\n if (isSwelling){\n objs.push({\n name:\"Swelling\",\n value: objs.filter(d=>d.name==\"swelling and/or redness at the arm\").map(d=>d.value)\n })\n objs=objs.filter(d=>d.name!=\"swelling and/or redness at the arm\")\n }\n if (objs.length==0) {\n objs.push({name:\"No data yet\", value:1})\n }\n \n \n return objs.sort((a, b) => d3.ascending(a.value, b.value));\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":1119,"value":"counts = vac.reduce(function(obj, item) {\n obj[item] = (obj[item] || 0) + 1;\n return obj;\n}, {});","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":1135,"value":"uniqueWhile = (arr, fn) => {\n let out = [],\n i = -1,\n n = arr.length;\n \n while (++i < n){\n const d = fn ? fn(arr[i], i, arr) : arr[i];\n if (!out.includes(d)) out.push(d);\n }\n \n return out;\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":1159,"value":"objs = { \n var keys=uniqueWhile(vac)\n var objs=[]\n for (var i =0; i