27:null 28:["$","title",null,{"children":"Vaccination Popularity in the World | viiviuhari's Workspace | Observable"}] 2d:T436,Figueiredo, A., Simas, C., Karafillakis, E., Paterson, P. & Larson, H., J. (2020). Mapping global trends in vaccine confidence and investigating barriers to vaccine uptake: a large-scale retrospective temporal modelling study. Lancet, 396(10255), 898-908. https://doi.org/10.1016/S0140-6736(20)31558-0 (Accessed on 14 December 2023) Mathieu, E., Ritchie, H., Ortiz-Ospina, E. et al. (2021) A global database of COVID-19 vaccinations. Nat Hum Behav. https://doi.org/10.1038/s41562-021-01122-8 (Accessed on 14 December 2023) OECD (2023). Influenza vaccination rates (indicator). https://doi.org/10.1787/e452582e-en (Accessed on 14 December 2023) WHO (2023). Diphtheria tetanus toxoid and pertussis (DTP) vaccination coverage. https://immunizationdata.who.int/pages/coverage/dtp.html (Accessed on 14 December 2023) WHO (2023). Influenza vaccination coverage. https://immunizationdata.who.int/pages/coverage/flu.html (Accessed on 14 December 2023) WHO (2023). Measles vaccination coverage. https://immunizationdata.who.int/pages/coverage/mcv.html (Accessed on 14 December 2023)2e:T12f7,interactiveMap = (selection, options, allYears, dataType, timeline, index, removeMap) => { const svgRow = d3.create("div") .style('display', 'flex') .style('flex-direction', 'row') .style('align-items', 'flex-start') .style('justify-content', 'center') .style('border-bottom', '1px #7D7D7D solid') .style('padding', '20px 0px 30px 0px') .style('gap', '8px') const map = d3.create("div") .style('display', 'flex') .style('flex-direction', 'column') .style('justify-content', 'center') .style('align-items', 'center') .style('width', '50%') .style('margin-top', '10px') const header = d3.create("div") .style('display', 'flex') .style('flex-direction', 'row') .style('justify-content', 'flex-start') .style('align-items', 'center') .style('width', '100%') .style('margin-bottom', '10px') const bottom = d3.create("div") .style('display', 'flex') .style('flex-direction', 'row') const scrub = d3.create("div") .style('display', 'flex') .style('flex-direction', 'column') .style('justify-content', 'center') const sel = selection(); sel.value = options[0]; const aggregated = dataType.find(d => d.name === sel.value && d.aggregation == 'monthly'); let data = aggregated ? aggregated : dataType.find(d => d.name === sel.value) let scrubber = ScrubberCustom(data.timeData, { autoplay: false, loop: false, delay: 500 }); header.append(() => sel); map.append(() => header.node()); map.append(() => worldMap(data, scrubber.value, data.aggregation)); const updateH3 = (value, aggregation) => { const h3 = d3.create("h3"); if (aggregation === 'monthly') { h3.html(`${monthNames.get(monthIndices[value].m)}.
${monthIndices[value].y}`); } else { h3.text(value); } return h3; } scrub.append(() => scrubber); scrub.append(() => data.timeline()); bottom.append(() => scrub.node()); bottom.append(() => updateH3(scrubber.value).style('margin', '0px 8px').node()); map.append(() => bottom.node()); map.append(() => d3.create("p") .text(`Source: ${data.source}`) .style('font-size', '12px').node()); let lineChart = chart(sel.value, removeMap, index); svgRow.append(() => map.node()); svgRow.append(() => lineChart); // Use the update function to update the map const update = (value) => { const aggregated = dataType.find(d => d.name === sel.value && d.aggregation == 'monthly'); data = aggregated ? aggregated : dataType.find(d => d.name === sel.value) map.selectAll("svg").remove(); map.selectAll("h3").remove(); map.selectAll("p").remove(); map.append(() => worldMap(data, value, data.aggregation)); scrub.append(() => scrubber); scrub.append(() => data.timeline()); bottom.append(() => scrub.node()); bottom.append(() => updateH3(value, data.aggregation).style('margin', '0px 8px').node()); map.append(() => bottom.node()); map.append(() => d3.create("p") .text(`Source: ${data.source}`) .style('font-size', '12px').node()); }; const updateYearly = (value, aggregation) => { const aggregated = dataType.find(d => d.name === sel.value && d.aggregation == aggregation); data = aggregated ? aggregated : dataType.find(d => d.name === sel.value) map.selectAll("svg").remove(); map.selectAll("h3").remove(); map.selectAll("p").remove(); map.append(() => worldMap(data, value, aggregation)); scrub.append(() => scrubber); scrub.append(() => data.timeline()); bottom.append(() => scrub.node()); bottom.append(() => updateH3(value, aggregation).style('margin', '0px 8px').node()); map.append(() => bottom.node()); map.append(() => d3.create("p") .text(`Source: ${data.source}`) .style('font-size', '12px').node()); }; // Listen for the custom "change" event sel.addEventListener("input", () => { d3.select(scrubber).remove(); d3.select(scrub).remove(); const aggregated = dataType.find(d => d.name === sel.value && d.aggregation == 'monthly'); data = aggregated ? aggregated : dataType.find(d => d.name === sel.value) scrubber = ScrubberCustom(data.timeData, { autoplay: false, loop: false, delay: 500 }); scrubber.addEventListener("input", () => { update(scrubber.value, data.aggregation); }); update(scrubber.value, data.aggregation); d3.select(lineChart).remove(); lineChart = chart(sel.value, removeMap, index); svgRow.append(() => lineChart); }); // Listen for the custom "change" event on individual years scrubber scrubber.addEventListener("input", () => { update(scrubber.value); }); // Return the update function as part of the object return map ? { scrubber: scrubber, map: svgRow.node(), header, sel, updateYearly, id: index } : null; }2f:Ta80,finalChart = (selection, options, dataType, years, timeline) => { const final = d3.create("div") .style('display', 'flex') .style('flex-direction', 'column') .style("gap", "10px") const mapGrid = d3.create("div") .style('display', 'flex') .style('flex-direction', 'column') const svgColumn = d3.create("div") .style('display', 'flex') .style('flex-direction', 'column') .style("margin-top", "10px") .style('background-color', '#DCECE0') .style('padding', '20px 20px 30px 15px') .style('border-radius', '10px') let maps = []; const addMap = () => { const mapIndex = Math.max(...maps.map(o => o.id)) != -Infinity ? Math.max(...maps.map(o => o.id)) : 0; const map = interactiveMap(selection, options, allYears, dataType, timeline, mapIndex + 1, removeMap); if (map) { maps.push(map); mapGrid.append(() => map.map); } }; const removeMap = (index) => { const removedMap = maps.find(x => x.id == index) if (removedMap) { removedMap.map.remove(); maps = maps.filter(o => o.id != index) } }; const updateMaps = (year) => { maps.forEach(mapObject => { mapObject.updateYearly(year); }); }; const allYears = ScrubberCustom(years, { autoplay: false, loop: false, delay: 500 }); allYears.addEventListener("input", () => { updateMaps(allYears.value, 'yearly'); }); const addButton = AddButton(); addButton.addEventListener('click', () => { addMap(); }); addMap(); svgColumn.append(() => mapGrid.node()); svgColumn.append(() => addButton); final.append(() => svgColumn.node()); const generalPlayerInfo = d3.create("div") .style('display', 'flex') .style('flex-direction', 'row') .style("margin-top", "0px") .style("margin-bottom", "10px") .style('align-items', 'center') .style('justify-content', 'flex-start') .style('gap', '20px') .style('background-color', '#E3EFCF') .style('padding', '10px 30px 17px 30px') .style('border-radius', '10px') generalPlayerInfo.append(() => d3.create("p") .style("margin", "7px 0px 0px 0px") .style('font-size', '16px') .text("You can also play yearly animations for all of the maps simultaneously from this player:").node()); const generalPlayer = d3.create("div") .style('display', 'flex') .style('flex-direction', 'column') .style("margin", "0px 0px 0px 10px") generalPlayer.append(() => allYears); generalPlayer.append(() => timeline()); generalPlayerInfo.append(() => generalPlayer.node()); final.append(() => generalPlayerInfo.node()); return final.node(); }30:T811,worldMap = (dataObject, value, aggregation) => { // Specify the chart’s dimensions. const width = 700; const marginTop = 46; const height = width / 2 + marginTop; // Fit the projection. const projection = d3.geoEqualEarth().fitExtent([[2, marginTop + 2], [width - 2, height]], {type: "Sphere"}); const path = d3.geoPath(projection); // Index the values and create the color scale. const rates = aggregation == 'monthly' ? getDataByMonth(dataObject.data, value) : getDataByYear(dataObject.data, value) const valuemap = getValuemap(rates) const color = d3.scaleSequential(d3.extent([0, 100]), d3.interpolateRdYlGn); // Create the SVG container. const svg = d3.create("svg") .attr("width", width) .attr("height", height) .attr("viewBox", [0, 0, width, height]) .attr("style", "max-width: 100%; height: auto;") .style('margin-left', '-5px'); // Append the legend. svg.append("g") .attr("transform", "translate(20,0)") .append(() => Legend(color, {title: `${dataObject.title} (%)`, width: 230, marginLeft: -15})) // Add a white sphere with a black border. svg.append("path") .datum({type: "Sphere"}) .attr("fill", "white") .attr("stroke", "currentColor") .attr("d", path); // Add a path for each country and color it according te this data. svg.append("g") .selectAll("path") .data(mapCountriesFixNames()) .join("path") .attr("fill", d => !valuemap.get(d.properties.location) ? "#D3D3D3" : color(valuemap.get(d.properties.location))) .attr("d", path) .append("title") .text(d => `${d.properties.location}\n${valuemap.get(d.properties.location) ? `${Number(valuemap.get(d.properties.location)).toFixed(2)} %` : "No data"}${rates.find(r => r.location == d.properties.location) ? `\nSource: ${rates.find(r => r.location == d.properties.location).source}` : ""}`); // Add a white mesh. svg.append("path") .datum(countrymesh) .attr("fill", "none") .attr("stroke", "black") .attr("d", path); return svg.node(); } 31:T1250,chart = (sel, removeMap, index) => { const data = vaccineRegionData.find(d => d.name === sel); const lineData = data.lineData; const lineChart = d3.create("div") .attr("width", "48%") .style('display', 'flex') .style('flex-direction', 'column') .style("gap", "20px") .style("max-width", "48%") // Declare the chart dimensions and margins. const width = 928; const height = 550; const marginTop = 40; const marginRight = 30; const marginBottom = 60; const marginLeft = 40; const removeButton = RemoveButton(); removeButton.addEventListener('click', () => { removeMap(index); }); lineChart.append(() => removeButton); if (lineData) { // Declare the x (horizontal position) scale. const x = data.aggregation === 'monthly' ? d3.scaleLinear([0, 24], [marginLeft, width - marginRight]) : d3.scaleLinear([2000, 2022], [marginLeft, width - marginRight]); /* const x = data.aggregation === 'monthly' ? d3.scaleTime() .domain([new Date(2020, 11, 1), new Date(2022, 11, 31)]) .range([marginLeft, width - marginRight]) : d3.scaleLinear([2000, 2022], [marginLeft, width - marginRight]); */ // Declare the y (vertical position) scale. const y = d3.scaleLinear([0, 100], [height - marginBottom, marginTop]); // Declare the line generator. const line = d3.line() .x(d => x(data.aggregation === 'monthly' ? monthIndices.findIndex(o => o.y == d.year && o.m == d.month) : d.year)) .y(d => y(d.value)); // Create the SVG container. const svg = d3.create("svg") .attr("width", width - 20) .attr("height", height - 15) .attr("viewBox", [0, 0, width, height]) .attr("style", "max-width: 100%; height: auto;") .style('background-color', 'white') .style('padding', '10px 0px 5px 10px') .style('border-radius', '5px'); svg.append("g") .attr("transform", `translate(0,${height - marginBottom})`) .call(data.aggregation === 'monthly' ? d3.axisBottom(x) .ticks(24) .tickFormat((index) => { const date = monthIndices[index]; const isEvenMonth = (index % 2 === 0); return isEvenMonth ? `${monthNames.get(date.m)}.\n${date.y}` : ""; }) : d3.axisBottom(x).ticks(width / 80).tickSizeOuter(0).tickFormat(d3.format("d")) ) .style('font-size', '16px') .call(g => { g.selectAll(".tick text") .style("text-anchor", "middle") .each(function () { var text = d3.select(this); var lines = text.text().split('\n'); text.text(''); // Clear the text lines.forEach((line, index) => { var tspan = text.append('tspan').text(line); if (index === 0) tspan.attr('x', 0).attr('dy', '20'); // Increase this value to move labels further from the axis else tspan.attr('x', 0).attr('dy', '15'); // This adjusts the line spacing }); }); }); // Add the y-axis, remove the domain line, add grid lines and a label. svg.append("g") .attr("transform", `translate(${marginLeft},0)`) .call(d3.axisLeft(y).ticks(height / 40)) .call(g => g.select(".domain").remove()) .call(g => g.selectAll(".tick line").clone() .attr("x2", width - marginLeft - marginRight) .attr("stroke-opacity", 0.1)) .call(g => g.append("text") .attr("x", -marginLeft) .attr("y", 10) .attr("fill", "currentColor") .attr("text-anchor", "start") .text(`${data.title} (%)`)) .style('font-size', '16px') svg.selectAll(".line") .data(lineData) .enter().append("path") .attr("d", d => line(d.data)) .style("fill", "none") .style("stroke", d => d.color) .style("stroke-width", 2) .style("stroke-linejoin", "round"); const colorScale = d3.scaleOrdinal() .domain(lineData.map(d => d.data.map(r => r.location)[0])) .range(lineData.map(d => d.color)); const legend = Swatches(colorScale, { columns: 2, // Number of columns in the legend marginLeft: 20 // Left margin for the legend }); lineChart.append(() => svg.node()) lineChart.append(() => legend) } else { const svg = d3.create("div") .attr("width", width - 20) .attr("height", height - 15) svg.append(() => d3.create("p") .text(`${data.title}`) .style('text-align', 'center') .style('margin-top', '25%') .style('font-size', '16px') .style('padding', '0px 50px').node()) lineChart.append(() => svg.node()) } return lineChart.node(); }32:T852,vaccineData = { return [{ data: unifyWho(filterWhoData(whoCountriesFixNames(measlesData), 'MCV1', 'WUENIC')), name: "Measles", title: "Percentage of surviving infants who received the 1st dose of measles vaccine", antigen: 'MCV1', type: "WHO", source: 'WHO/UNICEF Estimates of National Immunization Coverage (WUENIC)', aggregation: "yearly", timeline: timelineDiseases, timeData: diseaseYears, }, { data: unifyWho(filterWhoData(whoCountriesFixNames(dtpData), 'DTPCV1', 'WUENIC')), name: "DTP", title: "Percentage of surviving infants who received the 1st dose of DTP vaccines", antigen: 'DTPCV1', type: "WHO", source: 'WHO/UNICEF Estimates of National Immunization Coverage (WUENIC)', aggregation: "yearly", timeline: timelineDiseases, timeData: diseaseYears, }, { data: combineDatasets( unifyWho(filterWhoData(whoCountriesFixNames(influenzaWhoData), 'FLU_ELDERLY', 'ADMIN')), unifyOecd(oecdCountriesFixNames(influenzaOecdData)) ), name: "Influenza", title: "Percentage in elderly population who have received seasonal influenza vaccines", antigen: 'FLU_ELDERLY', type: "WHO and OECD", source: 'WHO data by national administrative measures, OECD data by national administrative sources or surveys', aggregation: "yearly", timeline: timelineDiseases, timeData: diseaseYears, }, { data: unifyOwid(owidCountriesFixNames(finalCovidData)), name: "Covid-19", title: "Percentage of people receiving their first vaccine dose", type: "Our World in Data", source: "Data collected by the Our World in Data -team from official reports", aggregation: "yearly", timeline: timelineDiseases, timeData: diseaseYears, }, { data: unifyOwid(owidCountriesFixNames(finalMonthlyCovidData)), name: "Covid-19", title: "Percentage of people receiving their first vaccine dose", type: "Our World in Data", source: "Data collected by the Our World in Data -team from official reports", aggregation: "monthly", timeline: timelineMonths, timeData: months, }] }33:T6c9,vaccineRegionData = { return [{ lineData: unifyWhoRegionData(measlesRegionData, "MCV1"), name: "Measles", title: "Percentage of surviving infants who received the 1st dose of measles vaccine", range: [2000, 2022], aggregation: "yearly" }, { lineData: unifyWhoRegionData(dtpRegionData, "DTPCV1"), name: "DTP" , title: "Percentage of surviving infants who received the 1st dose of DTP vaccines", range: [2000, 2022], aggregation: "yearly" }, { lineData: unifyOwidRegionData(covidMonthlyRegionData), name: "Covid-19" , title: "Percentage of people receiving their first vaccine dose", range: [2020, 2022], aggregation: "monthly" }, { lineData: null, name: "Influenza" , title: "No regional data available for the vaccination coverage of Influenza.", range: [2000, 2022], aggregation: "yearly" }, { lineData: null, name: "Strongly agree that vaccines are effective" , title: "No regional data available about the attitudes toward vaccines", range: [2000, 2022], aggregation: "yearly" }, { lineData: null, name: "Strongly agree that vaccines are safe" , title: "No regional data available about the attitudes toward vaccines", range: [2000, 2022], aggregation: "yearly" }, { lineData: null, name: "Strongly disagree that vaccines are effective" , title: "No regional data available about the attitudes toward vaccines", range: [2000, 2022], aggregation: "yearly" }, { lineData: null, name: "Strongly disagree that vaccines are safe" , title: "No regional data available about the attitudes toward vaccines", range: [2000, 2022], aggregation: "yearly" }] }34:T66f,opinionsData = { return [{ data: unifyOpinions(opinionsCountriesFixNames(stronglyAgreeEffective, "Vaccine effectiveness (strongly agree)")), name: "Strongly agree that vaccines are effective", title: "Percentage of people who strongly agree that vaccines are effective", type: "Our World in Data", source: "Surveys done by Figueiredo et al. (2020)", timeline: timelineOpinions, timeData: opinionYears, }, { data: unifyOpinions(opinionsCountriesFixNames(stronglyAgreeSafe, "Vaccine safety (strongly agree)")), name: "Strongly agree that vaccines are safe", title: "Percentage of people who strongly agree that vaccines are safe", type: "Our World in Data", source: "Surveys done by Figueiredo et al. (2020)", timeline: timelineOpinions, timeData: opinionYears, }, { data: unifyOpinions(opinionsCountriesFixNames(stronglyDisagreeEffective, "Vaccine effectiveness (strongly disagree)")), name: "Strongly disagree that vaccines are effective", title: "Percentage of people who strongly disagree that vaccines are effective", type: "Our World in Data", source: "Surveys done by Figueiredo et al. (2020)", timeline: timelineOpinions, timeData: opinionYears, },{ data: unifyOpinions(opinionsCountriesFixNames(stronglyDisagreeSafe, "Vaccine safety (strongly disagree)")), name: "Strongly disagree that vaccines are safe", title: "Percentage of people who strongly disagree that vaccines are safe", type: "Our World in Data", source: "Surveys done by Figueiredo et al. (2020)", timeline: timelineOpinions, timeData: opinionYears, }] }35:T55d,html``36:Tace,function ScrubberCustom(values, { format = value => value, initial = 0, direction = 1, delay = null, autoplay = true, loop = true, loopDelay = null, alternate = false, clock = null // Added parameter for shared clock } = {}) { values = Array.from(values); const form = html``; let frame = null; let timer = null; let interval = null; function running() { return frame !== null || timer !== null || interval !== null; } function tick() { if (form.i.valueAsNumber === (direction > 0 ? values.length - 1 : direction < 0 ? 0 : NaN)) { if (!loop) return stop(); if (alternate) direction = -direction; if (loopDelay !== null) { if (frame !== null) cancelAnimationFrame(frame), frame = null; if (interval !== null) clearInterval(interval), interval = null; timer = setTimeout(() => (step(), start()), loopDelay); return; } } if (delay === null) frame = requestAnimationFrame(tick); step(); } // Override the start and stop functions to work with the shared clock function start() { form.b.textContent = "Pause"; if (delay === null) frame = requestAnimationFrame(tick); else interval = setInterval(tick, delay); } function stop() { form.b.textContent = "Play"; if (frame !== null) cancelAnimationFrame(frame), frame = null; if (timer !== null) clearTimeout(timer), timer = null; if (interval !== null) clearInterval(interval), interval = null; } function step() { form.i.valueAsNumber = (form.i.valueAsNumber + direction + values.length) % values.length; form.i.dispatchEvent(new CustomEvent("input", {bubbles: true})); } form.i.oninput = event => { if (event && event.isTrusted && running()) stop(); form.value = values[form.i.valueAsNumber]; form.o.value = format(form.value, form.i.valueAsNumber, values); }; form.b.onclick = () => { if (running()) return stop(); direction = alternate && form.i.valueAsNumber === values.length - 1 ? -1 : 1; form.i.valueAsNumber = (form.i.valueAsNumber + direction) % values.length; form.i.dispatchEvent(new CustomEvent("input", {bubbles: true})); start(); }; form.i.oninput(); if (autoplay) start(); else stop(); Inputs.disposal(form).then(stop); return form; }37:[{"id":"254a99fef9cfdc739794cf276a25ffce226b9d17d64789497bbed4935f1fda7d621149894d3a06e546f0e5c53beda2580db0166433ff2fac65397af1aa3627ea","href":"https://static.observableusercontent.com/files/254a99fef9cfdc739794cf276a25ffce226b9d17d64789497bbed4935f1fda7d621149894d3a06e546f0e5c53beda2580db0166433ff2fac65397af1aa3627ea","name":"countries-50m.json","type":"application/json","lastModified":1697210129729.136,"size":756420},{"id":"87ff8a863be9e2332df97b98e771906306e1ed767a0b76e974ba835c067c2580fac555ca74e89c0613d39c48aa2aa2fddb5d83e868282aa96d5e678f1901d553","href":"https://static.observableusercontent.com/files/87ff8a863be9e2332df97b98e771906306e1ed767a0b76e974ba835c067c2580fac555ca74e89c0613d39c48aa2aa2fddb5d83e868282aa96d5e678f1901d553","name":"measles.csv","type":"text/csv","lastModified":1697210647807.302,"size":3319313},{"id":"dac80635c580f9e42f8448db7afca73315345cde3783020e59355db8c185302e350f2193d6cfbc60971e1239035b7ec5519653ff1b54501c0cdc8c688a4ebce6","href":"https://static.observableusercontent.com/files/dac80635c580f9e42f8448db7afca73315345cde3783020e59355db8c185302e350f2193d6cfbc60971e1239035b7ec5519653ff1b54501c0cdc8c688a4ebce6","name":"strongly-agree-vaccines-effective.csv","type":"text/csv","lastModified":1700722025281.419,"size":14318},{"id":"73c13f6a86270ae1e6883bc66bd27b2b88d50d237f360b34462f87c3ce699ce0b71491e9637b282e2a0a84f3470309aabdcf3c39214c893db3b3325a6b8a41a2","href":"https://static.observableusercontent.com/files/73c13f6a86270ae1e6883bc66bd27b2b88d50d237f360b34462f87c3ce699ce0b71491e9637b282e2a0a84f3470309aabdcf3c39214c893db3b3325a6b8a41a2","name":"strongly-disagree-vaccines-effective.csv","type":"text/csv","lastModified":1700722025282.335,"size":13712},{"id":"f6735043a0e4c10fa6308afdf68b1751c2b57e14d0bce0b93b541287a7db671983023ba5834f4c84c9fffc2db4fd31375445c87640161ce4f6a487397c8df9a7","href":"https://static.observableusercontent.com/files/f6735043a0e4c10fa6308afdf68b1751c2b57e14d0bce0b93b541287a7db671983023ba5834f4c84c9fffc2db4fd31375445c87640161ce4f6a487397c8df9a7","name":"strongly-disagree-vaccines-safe.csv","type":"text/csv","lastModified":1700722025284.144,"size":13710},{"id":"77ca96d82f2d763a0e128da5c000d9720c6b4442377b53f5ad4ec23f7e7bbe0ed90ed3f1531eff393c8e67e77d529f359d22b15da567e694e9226cd802e34986","href":"https://static.observableusercontent.com/files/77ca96d82f2d763a0e128da5c000d9720c6b4442377b53f5ad4ec23f7e7bbe0ed90ed3f1531eff393c8e67e77d529f359d22b15da567e694e9226cd802e34986","name":"strongly-agree-vaccines-safe.csv","type":"text/csv","lastModified":1700722025525.748,"size":14296},{"id":"30f124daee3dd0e29dceec19982f93ff73a7952b0f0a37ba6e5ba0d4aaf32ec3c6c69319d9bdf614840574f7c8bc33a4aa8c067d3988a041f58c6fd16b93a7ab","href":"https://static.observableusercontent.com/files/30f124daee3dd0e29dceec19982f93ff73a7952b0f0a37ba6e5ba0d4aaf32ec3c6c69319d9bdf614840574f7c8bc33a4aa8c067d3988a041f58c6fd16b93a7ab","name":"timeline_opinions.svg","type":"image/svg+xml","lastModified":1700724172110.863,"size":18221},{"id":"b5efa9de4579a64a1fd294e783953747e9dfc5987763b94d3a0d283dff1efab47431ed849952d2b41b777e2e2da42a128bc9b16bca0eeb883df36d505520c6b4","href":"https://static.observableusercontent.com/files/b5efa9de4579a64a1fd294e783953747e9dfc5987763b94d3a0d283dff1efab47431ed849952d2b41b777e2e2da42a128bc9b16bca0eeb883df36d505520c6b4","name":"timeline@7.svg","type":"image/svg+xml","lastModified":1701769246962.349,"size":48623},{"id":"2ef91ad2d1dd5ddd51b760a7ab6020592b16075875e203bbf4ea608584da9366b18266d2dc83c37fb99e32c886dc977daa1821ddec457964019d7dc00764c3b2","href":"https://static.observableusercontent.com/files/2ef91ad2d1dd5ddd51b760a7ab6020592b16075875e203bbf4ea608584da9366b18266d2dc83c37fb99e32c886dc977daa1821ddec457964019d7dc00764c3b2","name":"timeline_opinions@2.svg","type":"image/svg+xml","lastModified":1701769428424.638,"size":18193},{"id":"bacd973bbc014486f73ef0c211890db6ccd6c1a859d46c93f46be30ca0b98491d28eb24d9720d21903e5ffc85fce0411c0882977c8ac71ff8be183809359b069","href":"https://static.observableusercontent.com/files/bacd973bbc014486f73ef0c211890db6ccd6c1a859d46c93f46be30ca0b98491d28eb24d9720d21903e5ffc85fce0411c0882977c8ac71ff8be183809359b069","name":"timeline_months.svg","type":"image/svg+xml","lastModified":1702646099184.109,"size":63716},{"id":"725c6b31d2c71a27c9bcea95c28f02be5d47a53ba6c74e4744723151b39ed53739856d78b87a018f846da4de0e98cedb9256a947ff59e039feed64f6d1bbdbab","href":"https://static.observableusercontent.com/files/725c6b31d2c71a27c9bcea95c28f02be5d47a53ba6c74e4744723151b39ed53739856d78b87a018f846da4de0e98cedb9256a947ff59e039feed64f6d1bbdbab","name":"timeline_months@1.svg","type":"image/svg+xml","lastModified":1702646242523.821,"size":63716},{"id":"fd407f328eb7db39ebfbcab0690b552d4636ff27abf5459549185554f1e96c1ebe0d8aedc5e4aef8323c983ea5a8cd2a32bcfeea3e83ecd2db36a8b781ee222b","href":"https://static.observableusercontent.com/files/fd407f328eb7db39ebfbcab0690b552d4636ff27abf5459549185554f1e96c1ebe0d8aedc5e4aef8323c983ea5a8cd2a32bcfeea3e83ecd2db36a8b781ee222b","name":"dtp_who_countries.csv","type":"text/csv","lastModified":1702549364114.229,"size":3304066},{"id":"a954aae0b939d4533dcbf51dbecca9883acaed05ecb129a22b00a2102b94f28f3668fab4e47f694e052db218fa55900eb2882df81709121462e107ecff1dcd33","href":"https://static.observableusercontent.com/files/a954aae0b939d4533dcbf51dbecca9883acaed05ecb129a22b00a2102b94f28f3668fab4e47f694e052db218fa55900eb2882df81709121462e107ecff1dcd33","name":"influenza_who_countries.csv","type":"text/csv","lastModified":1702549382197.542,"size":1266056},{"id":"4a01a8602d2f7e4cb9ed0ae6250baf670203fd6fe7aa48994ce8afa995078786cf22694080d4247770c7e5b670f9d92c99e45878e094c58f9b4ae0ecb68f7e00","href":"https://static.observableusercontent.com/files/4a01a8602d2f7e4cb9ed0ae6250baf670203fd6fe7aa48994ce8afa995078786cf22694080d4247770c7e5b670f9d92c99e45878e094c58f9b4ae0ecb68f7e00","name":"measles_who_countries.csv","type":"text/csv","lastModified":1702549393810.511,"size":3322703},{"id":"7c666dc276eac3793e50201ad863e58cd6be617f99ab25ed2149cae958c593c36ba38e49a1b53cd9005a859c23ccbae6c07936e61c21e23426e588d5c3802e42","href":"https://static.observableusercontent.com/files/7c666dc276eac3793e50201ad863e58cd6be617f99ab25ed2149cae958c593c36ba38e49a1b53cd9005a859c23ccbae6c07936e61c21e23426e588d5c3802e42","name":"pneumococcal_who_regions.csv","type":"text/csv","lastModified":1702549405249.702,"size":15928},{"id":"04257e8437360af2d597d4746ec7e1baae35f4624ff2ec4bf72ec4aef0fd6deee20e5b3ba811362030aea59c043b8f9034fdf09b4c1c30813332bf9108b4d403","href":"https://static.observableusercontent.com/files/04257e8437360af2d597d4746ec7e1baae35f4624ff2ec4bf72ec4aef0fd6deee20e5b3ba811362030aea59c043b8f9034fdf09b4c1c30813332bf9108b4d403","name":"pneumococcal_who_countries.csv","type":"text/csv","lastModified":1702549405342.679,"size":2317186},{"id":"0b5e5ae4c68b5a9b07841986d593802fca10c4b2884f8deed102283b3c2c80459b5d778dd0f6189fce3a256ae53b2f45dd45e743c1565e7bbf865d114928f766","href":"https://static.observableusercontent.com/files/0b5e5ae4c68b5a9b07841986d593802fca10c4b2884f8deed102283b3c2c80459b5d778dd0f6189fce3a256ae53b2f45dd45e743c1565e7bbf865d114928f766","name":"covid_owid_countries_and_regions.csv","type":"text/csv","lastModified":1702549518751.611,"size":26210477},{"id":"b51db91190ab47d171d7e4fe9498cdf04bba54ac8448f26834cce6b6a8a70c7a88ac0ed410db08fb70488104059d5ea21cfd037d94f2e2dfa02f713db512c6e3","href":"https://static.observableusercontent.com/files/b51db91190ab47d171d7e4fe9498cdf04bba54ac8448f26834cce6b6a8a70c7a88ac0ed410db08fb70488104059d5ea21cfd037d94f2e2dfa02f713db512c6e3","name":"dtp_who_regions@2.csv","type":"text/csv","lastModified":1702549728844.175,"size":46708},{"id":"86e7ebeae6e857bd47ff083c207cdb0ce39622c5f0c548ee5538cbcdc006213821c17e1d9cfb7ae37d6eaf4895084701577fd4859ddff9f390fa26a329b8297c","href":"https://static.observableusercontent.com/files/86e7ebeae6e857bd47ff083c207cdb0ce39622c5f0c548ee5538cbcdc006213821c17e1d9cfb7ae37d6eaf4895084701577fd4859ddff9f390fa26a329b8297c","name":"influenza_oecd_countries.csv","type":"text/csv","lastModified":1702549633169.98,"size":34670},{"id":"5ba59c0df3b329cb075ceb97ac128df52e92c54302c685e3b8522aa3ec98bb3a67d79e71dc30ad1cdf5d0d655b336490c14bef3904f67e833c1bb9b7fc2bd6b3","href":"https://static.observableusercontent.com/files/5ba59c0df3b329cb075ceb97ac128df52e92c54302c685e3b8522aa3ec98bb3a67d79e71dc30ad1cdf5d0d655b336490c14bef3904f67e833c1bb9b7fc2bd6b3","name":"measles_who_regions@2.csv","type":"text/csv","lastModified":1702549852014.771,"size":47161},{"id":"fabb08d9df7730ac376976fb62cdca1b90dbf8772b55e3593522eaf66d323fd0a4d82ecd799f760781ef34420ea2b5893ccfee896a9db18c905a5c54b52e2da0","href":"https://static.observableusercontent.com/files/fabb08d9df7730ac376976fb62cdca1b90dbf8772b55e3593522eaf66d323fd0a4d82ecd799f760781ef34420ea2b5893ccfee896a9db18c905a5c54b52e2da0","name":"slim-3.json","type":"application/json","lastModified":1698153957074.693,"size":15030},{"id":"fb00db3a5180999577ed4b1e0273d867cebe8496fb221c3152137d02087c2cd81f94c0b2586dc27b7714a14f3e5aa2218e25ada885e0cec6d3918ddd386d6aeb","href":"https://static.observableusercontent.com/files/fb00db3a5180999577ed4b1e0273d867cebe8496fb221c3152137d02087c2cd81f94c0b2586dc27b7714a14f3e5aa2218e25ada885e0cec6d3918ddd386d6aeb","name":"timeline_monthly.svg","type":"image/svg+xml","lastModified":1702556036647.664,"size":68462}] 2b:{"id":"a97ddbd4dde8ab5b","slug":null,"title":"Vaccination Popularity in the World","thumbnail":"5e4bd9c7d8184a1ae19717d4ee633f15ec3049bd774c1cfdbad4bf5eacb783d6","access_level":"public","create_time":"$D2023-10-13T15:15:29.729Z","update_time":"$D2024-01-15T09:33:42.542Z","view_time":null,"first_public_time":"$D2023-10-18T16:36:27.168Z","has_unpublished_edits":null,"fork":{"id":"305227651b1938c9","slug":"d3-world-map","title":"D3 world map","owner":{"id":"f35c755083683fe5","login":"observablehq","name":"Observable"}},"stars":0,"starred":false,"owner":{"type":"team","id":"018d1da3e8e365f0","login":"viiviuhari-ws","name":"viiviuhari's Workspace","avatar_url":"https://avatars-next.observableusercontent.com/b9a586c81b12123dd3daf6755ebeb391106b48416feb8eab65dd47a270f1494b","tier":"starter_2024"},"version":2636,"publish_version":null,"role":null,"authored":false,"authors":[{"type":"individual","id":"86862c4167759c6d","login":"viiviuhari","name":"viiviuhari","avatar_url":"https://avatars-next.observableusercontent.com/dab2268a47034bb054cedbd90269e0d8b876c2b636c13be3ce693580d0469960","tier":null}],"members":[{"type":"individual","id":"86862c4167759c6d","login":"viiviuhari","name":"viiviuhari","avatar_url":"https://avatars-next.observableusercontent.com/dab2268a47034bb054cedbd90269e0d8b876c2b636c13be3ce693580d0469960","tier":null,"role":"editor"},{"type":"team","id":"018d1da3e8e365f0","login":"viiviuhari-ws","name":"viiviuhari's Workspace","avatar_url":"https://avatars-next.observableusercontent.com/b9a586c81b12123dd3daf6755ebeb391106b48416feb8eab65dd47a270f1494b","tier":"starter_2024","role":"editor"}],"comments":[],"custom_thumbnail":false,"trashed":false,"lapsed":null,"subscribed":null,"forks":0,"collection":null,"type":"notebook","body":{"title":"Vaccination Popularity in the World","cells":[{"id":1166,"value":"# Vaccination Popularity in the World","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","output":"","database":"$undefined"},{"id":1173,"value":"This visualization tells about the popularity of certain vaccines around the world. With this visualization, you can focus on the coverage of different vaccines or the popularity of different opinions toward vaccines, and you might even want to compare these values together.\n\nThe diseases that are focused on are Measles, DTP (diphtheria, tetanus toxoid and pertussis), Influenza and Covid-19; and the opinions relate to the effectiveness and safeness of vaccines.\n\nThe maps below and their corresponding line graphs tell about the percentages of people who have been vaccinated agains a certain disease and they can also dispaly the popularities of different opinions. You can select the data you want to inspect from the drop down menu.\n\nRegarding the maps, you can also inspect the specific values of countries by hovering your mouse on top of them.","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","output":"","database":"$undefined"},{"id":351,"value":"finalChart(mapSelection, diseaseOptions.concat(opinionOptions), allData, diseaseYears, timelineDiseases)","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":2621,"value":"## Data References","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","output":"","database":"$undefined"},{"id":1179,"value":"$2d","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","output":"","database":"$undefined"},{"id":2623,"value":"## Code:","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","output":"","database":"$undefined"},{"id":855,"value":"$2e","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":239,"value":"$2f","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":2595,"value":"getValuemap(getDataByYear(vaccineData[0].data, 2000)).get(mapCountriesFixNames()[0].properties.location)","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":138,"value":"$30","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":1707,"value":"$31","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":2258,"value":"# Countries Data","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","output":"","database":"$undefined"},{"id":316,"value":"world = FileAttachment(\"countries-50m.json\").json()","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":336,"value":"countrymesh = topojson.mesh(world, world.objects.countries, (a, b) => a !== b)","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":338,"value":"countries = topojson.feature(world, world.objects.countries)","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":692,"value":"countries.features.filter(d => !d.id)","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":671,"value":"countryRef = FileAttachment(\"slim-3.json\").json();","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":678,"value":"countryCodes = [...countryRef, JSON.parse('{\"name\": \"Kosovo\", \"alpha-3\": \"XKX\", \"country-code\": \"383\"}')]","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":2354,"value":"months = [0, 1, 2, 3, 4, 5, 6, 7, 8, 9, 10, 11, 12, 13, 14, 15, 16, 17, 18, 19, 20, 21, 22, 23, 24]\n /*[\"12-2020\", \"1-2021\", \"2-2021\", \"3-2021\", \"4-2021\", \"5-2021\", \"6-2021\", \"7-2021\", \"8-2021\", \"9-2021\", \"10-2021\", \"11-2021\", \"12-2021\", \"1-2022\", \"2-2022\", \"3-2022\", \"4-2022\", \"5-2022\", \"6-2022\", \"7-2022\", \"8-2022\", \"9-2022\", \"10-2022\", \"11-2022\", \"12-2022\"]*/","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":2564,"value":"opinionYears = [2015, 2016, 2017, 2018, 2019]","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":2570,"value":"diseaseYears = [\n 2000, 2001, 2002, 2003, 2004, 2005, 2006, 2007, 2008, 2009, 2010, \n 2011, 2012, 2013, 2014, 2015, 2016, 2017, 2018, 2019, 2020, 2021, 2022\n]","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":2260,"value":"# Functions","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","output":"","database":"$undefined"},{"id":567,"value":"fixCountryNameById = (id, name) => countryCodes.find(c => c[\"country-code\"] === id || c[\"name\"] === name) ? countryCodes.find(c => c[\"country-code\"] === id || c[\"name\"] === name).name : name","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":608,"value":"fixCountryNameByCode = (code, name) => countryCodes.find(c => c[\"alpha-3\"] === code) ? countryCodes.find(c => c[\"alpha-3\"] === code).name : name","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":552,"value":"mapCountriesFixNames = () => {\n return countries.features.map(d => {\n return {\n type: d.type,\n id: d.id,\n properties: {\n location: fixCountryNameById(d.id, d.properties.name),\n },\n geometry: d.geometry,\n }\n }).sort((a,b) => a.id - b.id)\n}","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":580,"value":"whoCountriesFixNames = (dataset) => {\n return dataset.map(d => {\n return {\n GROUP: d.GROUP,\n CODE: d.CODE, \n NAME: fixCountryNameByCode(d.CODE, d.NAME), \n YEAR: d.YEAR,\n ANTIGEN: d.ANTIGEN, \n COVERAGE_CATEGORY: d.COVERAGE_CATEGORY,\n COVERAGE: d.COVERAGE,\n }\n }).sort((a,b) => a.id - b.id)\n}","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":628,"value":"oecdCountriesFixNames = (dataset) => {\n return dataset.map(d => {\n return {\n LOCATION: fixCountryNameByCode(d.LOCATION, d.LOCATION),\n INDICATOR: d.INDICATOR, \n SUBJECT: d.SUBJECT,\n MEASURE: d.MEASURE,\n FREQUENCY: d.FREQUENCY, \n TIME: d.TIME,\n Value: d.Value\n }\n }).sort((a,b) => a.id - b.id)\n}","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":1043,"value":"owidCountriesFixNames = (dataset) => {\n return dataset.map(d => {\n return {\n isoCode: d.isoCode,\n location: fixCountryNameByCode(d.isoCode, d.location),\n year: d.year,\n month: d.month,\n date: d.date,\n vaccinationRate: d.vaccinationRate\n }\n }).sort((a,b) => a.id - b.id)\n}","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":1260,"value":"opinionsCountriesFixNames = (dataset, opinion) => {\n return dataset.map(d => {\n return {\n code: d.Code,\n entity: fixCountryNameByCode(d.Code, d.Entity),\n year: d.Year,\n opinion: d[opinion]\n }\n }).sort((a,b) => a.id - b.id)\n}","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":749,"value":"unifyWho = (dataset) => {\n return dataset.map(d => {\n return {\n location: d.NAME, \n year: d.YEAR,\n value: d.COVERAGE,\n source: 'WHO'\n }\n })\n}","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":752,"value":"unifyOecd = (dataset) => {\n return dataset.map(d => {\n return {\n location: d.LOCATION,\n year: d.TIME,\n value: d.Value,\n source: 'OECD'\n }\n })\n}","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":1041,"value":"unifyOwid = (dataset) => {\n return dataset.map(d => {\n return {\n location: d.location,\n year: d.year,\n month: d.month,\n date: d.date,\n value: d.vaccinationRate,\n source: 'Our World in Data'\n }\n })\n}","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":1262,"value":"unifyOpinions = (dataset) => {\n return dataset.map(d => {\n return {\n location: d.entity,\n year: d.year,\n value: d.opinion,\n source: 'Our World in Data'\n }\n })\n}","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":635,"value":"getUnique = (d, index, array) => array.indexOf(d) === index","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":584,"value":"filterWhoData = (dataset, antigen, coverage) => {\n const filtered = dataset.filter(d => d.COVERAGE_CATEGORY == coverage && d.ANTIGEN == antigen);\n return filtered;\n}","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":379,"value":"getWhoDataByYear = (dataset, year, antigen) => {\n const filtered = filterWhoData(dataset, antigen).filter(d => d.YEAR == year);\n const rates = filtered.map(d => ({name: d.NAME, rate: d.COVERAGE}));\n const valuemap = new Map(rates.map(d => [d.name, d.rate]));\n return valuemap;\n}","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":384,"value":"getWhoDataYears = (dataset) => {\n return dataset.map(d => d.YEAR).filter((value, index, array) => array.indexOf(value) === index && value != \"\").sort();\n}","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":586,"value":"filterOecdData = (dataset, year) => {\n const filtered = dataset.filter(d => d.TIME == year);\n return filtered;\n}","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":590,"value":"getOecdDataByYear = (dataset, year) => {\n const filtered = dataset.filter(d => d.TIME == year);\n const rates = filtered.map(d => ({location: d.LOCATION, rate: d.Value}));\n const valuemap = new Map(rates.map(d => [d.location, d.rate]));\n return valuemap;\n}","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":710,"value":"getOecdDataYears = (dataset) => {\n return dataset.map(d => d.TIME).filter((value, index, array) => array.indexOf(value) === index && value != \"\").sort();\n}","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":2174,"value":"getDataByYear = (dataset, year) => {\n const filtered = dataset.filter(d => d.year == year);\n const rates = filtered.map(d => ({location: d.location, value: d.value, source: d.source}));\n return rates;\n}","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":2358,"value":"getDataByMonth = (dataset, index) => {\n const date = monthIndices[index];\n const filtered = dataset.filter(d => d.year == date.y && d.month == date.m);\n const rates = filtered.map(d => ({location: d.location, value: d.value, source: d.source}));\n return rates;\n}","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":2180,"value":"getValuemap = (rates) => {\n const valuemap = new Map(rates.map(d => [d.location, d.value]));\n return valuemap;\n}","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":759,"value":"getDataYears = (dataset, year) => {\n return dataset.map(d => d.year).filter(getUnique).filter(y => y != \"\").sort();\n}","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":793,"value":"combineDatasets = (baseDataset, extraDataset) => {\n const notInBase = extraDataset.filter(d => baseDataset.find(c => c.location === d.location && c.year === d.year) ? false : true)\n const combined = baseDataset.concat(notInBase);\n const refilledValues = combined.map(d => {\n let value = d.value;\n if (!d.value) {\n const newValue = extraDataset.find(c => c.location === d.location && c.year === d.year);\n if (newValue && newValue.value) {\n value = newValue.value;\n }\n }\n return { location: d.location, year: d.year, value, source: d.source }\n })\n return refilledValues;\n}","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":2104,"value":"groupedByWhoRegion = (dataset) => Object.values(dataset.reduce((group, object) => {\n const { CODE } = object;\n group[CODE] = group[CODE] ?? [];\n group[CODE].push(object);\n return group;\n}, {}));","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":2312,"value":"groupedByOwidRegion = (dataset) => Object.values(dataset.reduce((group, object) => {\n const { location } = object;\n group[location] = group[location] ?? [];\n group[location].push(object);\n return group;\n}, {}));","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":2108,"value":"colors = ['#1AD54A', '#B778EF', '#6ECBFF', '#FC5EFF', '#3D7CFF', '#F9D30A', '#FF7A7A']","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":2115,"value":"unifyWhoRegionData = (dataset, filter) => {\n return groupedByWhoRegion(dataset).map((array, index) => {\n return { data: unifyWho(filterWhoData(array, filter, \"WUENIC\")), color: colors[index] }\n }).filter(array => array.data.length !== 0)\n}","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":2280,"value":"unifyOwidRegionData = (dataset) => {\n return groupedByOwidRegion(dataset).map((array, index) => {\n return { data: unifyOwid(array), color: colors[index] }\n }).filter(array => array.data.length !== 0)\n}","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":356,"value":"# Measles Data","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","output":"","database":"$undefined"},{"id":340,"value":"measlesData = FileAttachment(\"measles_who_countries.csv\").csv()","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":1907,"value":"measlesRegionData = FileAttachment(\"measles_who_regions@2.csv\").csv()","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":358,"value":"# DTP Data","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","output":"","database":"$undefined"},{"id":370,"value":"dtpData = FileAttachment(\"dtp_who_countries.csv\").csv()","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":2111,"value":"dtpRegionData = FileAttachment(\"dtp_who_regions@2.csv\").csv()","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":426,"value":"# Influenza data","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","output":"","database":"$undefined"},{"id":423,"value":"influenzaWhoData = FileAttachment(\"influenza_who_countries.csv\").csv()","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":441,"value":"influenzaOecdData = FileAttachment(\"influenza_oecd_countries.csv\").csv()","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":936,"value":"# Covid-19 Data","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","output":"","database":"$undefined"},{"id":940,"value":"covidOwidData = FileAttachment(\"covid_owid_countries_and_regions.csv\").csv()","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":942,"value":"groupedByCountry = Object.values(covidOwidData.reduce((group, object) => {\n const { iso_code } = object;\n group[iso_code] = group[iso_code] ?? [];\n group[iso_code].push(object);\n return group;\n}, {}));","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":1064,"value":"parseDate = (string) => {\n const splitted = string.split(\".\");\n const day = splitted[0]\n const month = splitted[1]\n const year = splitted[2]\n return [year, month, day].join(\"-\")\n}","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":1058,"value":"groupedByMonth = groupedByCountry.map(array => {\n return Object.values(array.reduce((group, object) => {\n const { date } = object;\n const month = object.date.split(\".\")[1];\n const year = object.date.split(\".\")[2];\n const finalDate = year + month //new Date(year, month, 1)\n group[finalDate] = group[finalDate] ?? [];\n group[finalDate].push(object);\n return group;\n }, {}))\n});","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":944,"value":"groupedByYear = groupedByCountry.map(array => {\n return Object.values(array.reduce((group, object) => {\n const { date } = object;\n const year = Number(object.date.split(\".\")[2]);\n group[year] = group[year] ?? [];\n group[year].push(object);\n return group;\n }, {}))\n});","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":976,"value":"covidDataYearly = groupedByYear.map(country => {\n const yearlyRates = country.map((year, index) => {\n const firstValue = year.find(object => object.iso_code && object.location && object.population)\n const totalRates = year.reduce((accumulator, currentValue) => {\n const c = currentValue.new_people_vaccinated_smoothed ? Number(currentValue.new_people_vaccinated_smoothed) : 0\n return accumulator + c;\n }, 0);\n const vaccinationRate = totalRates / firstValue.population * 100;\n return {vaccinationRate: vaccinationRate, year: 2020 + index, isoCode: firstValue.iso_code, location: firstValue.location};\n })\n return yearlyRates;\n})","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":1081,"value":"covidDataMonthly = groupedByMonth.map(country => {\n const yearlyRates = country.map((yearMonth, index) => {\n const firstValue = yearMonth.find(object => object.iso_code && object.location && object.population)\n const month = firstValue.date.split(\".\")[1];\n const year = firstValue.date.split(\".\")[2];\n //const finalDate = new Date(year, month, 1)\n const totalRates = yearMonth.reduce((accumulator, currentValue) => {\n const c = currentValue.new_people_vaccinated_smoothed ? Number(currentValue.new_people_vaccinated_smoothed) : 0\n return accumulator + c;\n }, 0);\n const vaccinationRate = totalRates / firstValue.population * 100;\n return {vaccinationRate: vaccinationRate, year: Number(year), month: Number(month), isoCode: firstValue.iso_code, location: firstValue.location};\n })\n return yearlyRates;\n})","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":1026,"value":"finalCovidData = covidDataYearly.flat()","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":2335,"value":"finalMonthlyCovidData = covidDataMonthly.flat().filter(d => d.year === 2021 || d.year === 2022 || (d.year === 2020 && d.month === 12))","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":2271,"value":"owidRegions = [\"Africa\", \"Asia\", \"Europe\", \"North America\", \"South America\", \"Oceania\"]","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":2273,"value":"covidRegionData = finalCovidData.filter(object => owidRegions.reduce(\n (accumulator, currentRegion) => accumulator || object.location === currentRegion,\n false,\n)).filter(object => object.year != 2023)","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":2383,"value":"covidMonthlyRegionData = finalMonthlyCovidData.filter(object => owidRegions.reduce(\n (accumulator, currentRegion) => accumulator || object.location === currentRegion,\n false,\n))","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":2464,"value":"monthIndices = [{y: 2020, m: 12}, {y: 2021, m: 1}, {y: 2021, m: 2}, {y: 2021, m: 3}, {y: 2021, m: 4}, {y: 2021, m: 5}, {y: 2021, m: 6}, {y: 2021, m: 7}, {y: 2021, m: 8}, {y: 2021, m: 9}, {y: 2021, m: 10}, {y: 2021, m: 11}, {y: 2021, m: 12}, {y: 2022, m: 1}, {y: 2022, m: 2}, {y: 2022, m: 3}, {y: 2022, m: 4}, {y: 2022, m: 5}, {y: 2022, m: 6}, {y: 2022, m: 7}, {y: 2022, m: 8}, {y: 2022, m: 9}, {y: 2022, m: 10}, {y: 2022, m: 11}, {y: 2022, m: 12}]","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":2506,"value":"monthNames = new Map([[1, 'Jan'], [2, 'Feb'], [3, 'Mar'], [4, 'Apr'], [5, 'May'], [6, 'Jun'], [7, 'Jul'], [8, 'Aug'], [9, 'Sep'], [10, 'Oct'], [11, 'Nov'], [12, 'Dec']])","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":1246,"value":"# Opinions data","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","output":"","database":"$undefined"},{"id":1250,"value":"stronglyAgreeEffective = FileAttachment(\"strongly-agree-vaccines-effective.csv\").csv()","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":1252,"value":"stronglyAgreeSafe = FileAttachment(\"strongly-agree-vaccines-safe.csv\").csv()","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":1254,"value":"stronglyDisagreeEffective = FileAttachment(\"strongly-disagree-vaccines-effective.csv\").csv()","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":1256,"value":"stronglyDisagreeSafe = FileAttachment(\"strongly-disagree-vaccines-safe.csv\").csv()","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":401,"value":"# Total Data","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","output":"","database":"$undefined"},{"id":403,"value":"$32","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":1909,"value":"$33","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":1258,"value":"$34","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":2547,"value":"allData = vaccineData.concat(opinionsData)","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":390,"value":"# Style","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","output":"","database":"$undefined"},{"id":1361,"value":"html``","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":1450,"value":"html``","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":1453,"value":"html``","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":1357,"value":"$35","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":1434,"value":"# HTML Elements","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","output":"","database":"$undefined"},{"id":1335,"value":"diseaseOptions = [\"Measles\", \"DTP\", \"Influenza\", \"Covid-19\"]","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":933,"value":"disease = () => Inputs.select(diseaseOptions, {label: \"Disease\"})","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":1325,"value":"opinionOptions = [\n \"Strongly agree that vaccines are effective\", \n \"Strongly agree that vaccines are safe\", \n \"Strongly disagree that vaccines are effective\", \n \"Strongly disagree that vaccines are safe\"]","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":1285,"value":"opinion = () => Inputs.select(opinionOptions, {label: \"Opinion\"})","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":2555,"value":"mapSelection = () => Inputs.select(diseaseOptions.concat(opinionOptions), {label: \"Data\"})","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":918,"value":"diseasesYears = FileAttachment(\"timeline@7.svg\").text();","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":914,"value":"timelineDiseases = () => {\n const document = (new DOMParser).parseFromString(diseasesYears, \"image/svg+xml\");\n const svg = d3.select(document.documentElement).remove().style('margin-left', '63px')\n .style('width', '335px');\n return svg.node();\n}","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":1309,"value":"opinionsYears = FileAttachment(\"timeline_opinions@2.svg\").text();","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":1311,"value":"timelineOpinions = () => {\n const document = (new DOMParser).parseFromString(opinionsYears, \"image/svg+xml\");\n const svg = d3.select(document.documentElement).remove().style('margin-left', '63px')\n .style('width', '335px');\n return svg.node();\n}","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":2340,"value":"monthlyTimeline = FileAttachment(\"timeline_months@1.svg\").text();","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":2342,"value":"timelineMonths = () => {\n const document = (new DOMParser).parseFromString(monthlyTimeline, \"image/svg+xml\");\n const svg = d3.select(document.documentElement).remove().style('margin-left', '63px')\n .style('width', '335px');\n return svg.node();\n}","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":346,"value":"import {Legend, Swatches} from \"@d3/color-legend\"","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":348,"value":"RemoveButton = () => html``","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":1641,"value":"AddButton = () => html``","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":305,"value":"$36","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"}],"files":"$W37","stdlib":"1","titling":"auto"}} 2c:"$2b:body"