Skip to main content
SimilarExport ZIP
100%

life_expectancy vs new_vaccinations

✓ Published0🌍 Public
NNukaShravanKumar
Last edited Jul 26, 2023
Created on Jul 26, 2023
Forked from Hello VizHub

This scatter plot compares life expectancy and new vaccinations using data from a COVID-19 vaccine CSV file. The visualization uses D3.js (v5) within a React framework, rendering circles as SVG marks. Each circle’s position corresponds to life expectancy on the x-axis and new vaccinations on the y-axis, though the code assigns both axes to life expectancy. D3’s `scaleLinear`, `extent`, `axisLeft`, and `axisBottom` functions create the axes, while species-based color mapping (yellow, green, brown) is applied, and the plot is titled “Scatter Plot”.

AI-generated description

A bare minimum HTML page demonstrating use of CSS and JavaScript.

See also React Starter.

MIT Licensed

Similar vizzes

Loading thumbnail…

life_expectancy vs new_vaccinations

This scatter plot visualizes the relationship between life expectancy and new vaccinations, with each circle colored according to a species category using yellow, green, or brown. The visualization loads CSV data from a GitHub gist and renders circles as SVG elements using d3.scaleLinear, d3.extent, d3.axisLeft, d3.axisBottom, and d3.select. Axis labels and a title are added as text elements, while the circles use both radius and rx/ry attributes for sizing. The chart is built with D3 v5 within a plain HTML page, using window dimensions for responsive sizing.

Ppemmasaniprudhvinadh
95% match
Loading thumbnail…

Scatter Plot of World Life Expectancy considering Diphtheria vaccination administration

This scatter plot visualizes the relationship between life expectancy and Diphtheria vaccination rates across 15 years of WHO data, with each circle representing a country. Circle size encodes average BMI, while color distinguishes continents, and tooltips reveal country names. The visualization uses the Vega-Lite API with d3.csv for loading the dataset, rendering interactive SVG graphics through vega-tooltip. The design highlights Europe’s higher average life expectancy relative to other continents.

Aaishwarya8615
78% match
Loading thumbnail…

“Scatter — Life Expectancy (Year vs Life)”

This scatter plot visualizes the relationship between year and life expectancy using D3.js scales and SVG circles. The React app fetches a CSV file, auto-detects its delimiter (tab or comma), parses numeric columns, and renders data from the included dataset featuring India’s life expectancy from 2000 to 2023. The `viz.js` module maps values to x/y coordinates via `scaleLinear` and `extent`, with status messages for loading, errors, or empty data. The SVG includes white background, axis labels, and the visualization title.

Aabhyudaithakur7@gmail.com
78% match
Loading thumbnail…

Fork of Scatter Plot Vaccination and Cases

This scatter plot visualizes the relationship between COVID-19 vaccination rates and infection cases in the United States over time. It overlays two datasets—vaccination percentages from Our World in Data and case counts from the New York Times—on a shared date axis, with annotations highlighting the final date's progress. The visualization uses D3.js v6, specifically `scaleTime`, `scaleLinear`, `selection.join` for animated circle transitions, and `d3-annotation` for labels. SVG rendering animates circles growing from zero radius while a dropdown menu allows switching between partial and fully vaccinated metrics.

DDasbach.EJ
77% match
Loading thumbnail…

Scatter Plot Vaccination

This interactive scatter plot visualizes COVID-19 vaccination rates in the United States over time, using data from Our World in Data. The chart displays the percentage of the population that is fully vaccinated against infection, with the y-axis showing the proportion of the population and the x-axis representing dates. Users can toggle between fully and partially vaccinated metrics via a dropdown menu. The visualization uses D3 v6 with SVG rendering and animation, employing scaleTime and scaleLinear scales, axisBottom and axisLeft components, and selection.join for smooth transitions. An annotation label highlights the current maximum vaccination percentage.

DDasbach.EJ
76% match
Loading thumbnail…

Scatter Plot COVID-19 Vaccination and Cases with Dual Axis

This interactive scatter plot shows COVID-19 vaccination rates in blue against reported cases in gray, using a dual y-axis to compare the two disparate data scales. The chart includes a dropdown menu to toggle between partially and fully vaccinated populations, with annotations highlighting key milestones. Built with D3 v6, it uses `scaleTime`, `scaleLinear`, `axisLeft`, `axisRight`, and `selection.join` for enter/update/exit circle transitions, rendering SVG with animated growth on load. Vaccination data comes from Our World in Data, while case counts are sourced from NYT rolling averages.

DDasbach.EJ
76% match
Loading thumbnail…

Fork of Scatter Plot COVID-19 Vaccination and Cases with Dual Axis

This scatter plot visualizes COVID-19 vaccination rates and reported case counts over time, using a dual y-axis to compare the two metrics. The chart demonstrates a reduction in cases as vaccination increases, with blue circles representing vaccination proportions and gray circles showing seven-day average case counts. The visualization uses D3 v6 with `scaleTime`, `scaleLinear`, `d3.axisLeft`, `d3.axisRight`, and `selection.join` for animated circle updates. Data comes from Our World in Data and the New York Times rolling averages, rendered as SVG elements with CSS-styled axes.

DDonald Bagwell
75% match
Loading thumbnail…

Scatter Plot COVID-19 Vaccination and Cases with Dual Axis

This interactive dual-axis scatter plot visualizes the relationship between COVID-19 vaccination rates (blue circles) and reported cases (gray circles) in the United States over time, using D3 version 6 with SVG rendering and animated transitions. It draws on CDC vaccination data and NYT rolling averages, scaling vaccination proportions against raw case counts with separate y-axes. The visualization includes a dropdown menu to toggle between partially and fully vaccinated metrics, and uses D3’s `scaleTime`, `scaleLinear`, `axisBottom`, `axisLeft`, `axisRight`, and selection joins with transitions for the animation.

Xxiaojingwu138
75% match