3rd

100%

✓ Published0🌍 Public

Last edited Apr 28, 2024

Created on Apr 28, 2024

Forked from 2nd

This visualization shows the cumulative number of COVID-19 vaccinations in the United States over time, plotted as a green line with individual data points. It uses D3 v7 to load a CSV dataset from GitHub, parse dates, and render an SVG chart with time and linear scales. Tooltips appear on mouseover via D3 event handlers, displaying the exact date and vaccination count, while rotating x-axis labels and axis generators like `d3.axisBottom` and `d3.axisLeft` structure the timeline.

AI-generated description

A demonstration of reusable scatter plot.

MIT Licensed

Similar vizzes

Loading thumbnail…

Data visualizations

This visualization uses D3 v5 to display cumulative COVID-19 vaccination totals over time for multiple countries, with each country represented by a distinct colored line. The line chart employs a time-based x-axis and a linear y-axis scaled to billions of vaccinations. The code uses `d3.csv`, `scaleTime`, `scaleLinear`, `scaleOrdinal`, `nest`, and `line` with `curveBasis` to render the SVG paths, while a custom color legend function shows the country categories. Data comes from a GitHub-hosted CSV of vaccination records.

GGerasimos Katsagannis

83% match

Loading thumbnail…

Making Line Chart

This line chart shows the daily total number of COVID-19 vaccine doses administered in the US over time, with time on the x-axis and daily doses on the y-axis. The visualization is built using React, D3 v5, and SVG rendering. It uses `d3.scaleTime` and `d3.scaleLinear` for axes, `d3.line` for the path, and `d3.csv` to load the dataset from a GitHub gist. Tooltips on each circle mark display the date.

Ccshm407

81% match

Loading thumbnail…

US Daily COVID-19 Vaccination Dashboard

This dashboard visualizes COVID-19 vaccination data across U.S. states, combining a map with a brushable time-series bar chart. The map displays circular marks positioned via `d3.forceSimulation` with `forceX` and `forceY` to avoid overlaps, sized by vaccination rates. The lower bar chart shows daily doses for a state selected from a dropdown menu, and brushing it updates the map’s date using `d3.brushX`, redrawing circles via SVG with `d3.transition`. Data comes from a CSV of state-level vaccination records, rendered with React, D3 v6, and TopoJSON.

PPeter VanNostrand

80% match

Loading thumbnail…

test

This example visualizes COVID-19 vaccination rates in blue against reported cases in gray for the US population, using a dual y-axis to compare the two metrics over time. The scatter plot animates point positions and radii using D3’s selection.join and transition APIs, with an interactive menu to toggle between partial and fully vaccinated data. Data comes from Our World in Data and the NYT rolling averages, rendered as SVG circles with axis labels, annotations, and a chart title.

PPavan Nimmagadda

80% match

Loading thumbnail…

123

This dashboard visualizes COVID-19 vaccination data across US states, combining a choropleth-style map with an interactive bar chart. The map uses `d3.geoAlbersUsa` projections and `d3.geoPath` to render state boundaries, with circle sizes scaled by vaccination rates via `d3.forceSimulation` and `forceCollide` to prevent overlap. The lower bar chart displays daily doses for a selected state, using `d3.brushX` to let users select a date range. Data comes from a US vaccination dataset via CSV, with React managing state for dropdown selections and map updates.

Nniuyizhan

79% match

Loading thumbnail…

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

This visualization displays the relationship between COVID-19 vaccination rates and 7-day average case counts in the United States using a dual-axis scatter plot. Steel-blue circles represent the proportion of the US population vaccinated, while gray circles show infection counts, with animations transitioning the radius and positions of points. The chart annotates the maximum vaccination percentage and case count reduction over time. Built with D3 v6, it utilizes `scaleTime`, `scaleLinear`, axis components, and `selection.join` for data binding, drawing from Our World in Data and NYT rolling averages datasets.

JJesus Angel

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

79% match

Loading thumbnail…

Interactive COVID-19 Vaccination Dashboard | Final

A dashboard visualizes COVID-19 vaccination data across US states, showing daily doses in a brushable bar chart, a map with state-level vaccination rates, and a line chart tracking the share of available doses used. Users can select regions via a dropdown or map clicks, with brushing updating the map and line chart to reflect date ranges. Built with React and D3 v6, it employs `d3.geoPath`, `d3.forceSimulation` for map mark placement, `d3.brushX`, and SVG animations. Data comes from a US vaccination dataset by state/territory.

PPeter VanNostrand

79% match