life_expectancy vs new_vaccinations

100%

life_expectancy vs new_vaccinations

✓ Published0🌍 Public

Last edited Apr 10, 2023

Created on Apr 10, 2023

Forked from Penguin Data set scatter Plot

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.

AI-generated description

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

Similar vizzes

Loading thumbnail…

life_expectancy vs new_vaccinations

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”.

NNukaShravanKumar

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

79% 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

73% 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

73% 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

72% match

Loading thumbnail…

Scatter Plot with Color Menu for Life Expectancy Data

This interactive scatter plot explores correlations in life expectancy data from a CSV file hosted on GitHub. Users select different attributes for the X and Y axes, as well as a color category, through three dropdown menus. The visualization uses D3 v5 with SVG rendering and animation, employing `scaleLinear` for axes, `scaleOrdinal` with `schemeCategory10` for colors, `axisBottom` and `axisLeft` for ticks, and `.transition()` to animate point movement. A custom color legend displays category labels alongside the plot.

Aaishwarya8615

71% match

Loading thumbnail…

Interactive Color Legend Scatter Plot for Life Expectancy Data with Menu for Mortality

This interactive scatter plot visualizes correlations between life expectancy, infant deaths, and adult mortality across continents. Using React and D3 v5, the visualization includes dropdown menus to switch the x- and y-axis attributes, while continent data drives the ordinal color scale for the legend. Circle sizes encode GDP, and tooltips display life expectancy values. The color legend supports hover interaction with fade effects for highlighting specific continents, and the data originates from a CSV file loaded via d3.csv.

Aaishwarya8615

71% match

Loading thumbnail…

D3 Scatter Plot: eu_vaccinations.csv

This scatter plot displays EU vaccination data, plotting the week number on the x-axis against the number of first doses on the y-axis, with each point colored by vaccine type (AZ, COM, MOD, JANSS, UNK). The visualization uses D3 v6 with an SVG rendering, creating a linear scale for both axes via `d3.scaleLinear` and `d3.extent`. Data is loaded asynchronously from a CSV file hosted on GitHub Gist using `d3.csv`. The code maps each row to a circle with a fixed radius and opacity, using `d3.select` and `.join` to add marks to the SVG.

DDaniel Ribaudo

71% match