my vacc

Interactive COVID-19 Dashboard Bar and Map

This interactive dashboard visualizes COVID-19 vaccination data across U.S. states, combining a bar chart of daily doses for a selected state with a map showing vaccination rates nationwide. Users brush the bar chart to choose a date, and the map updates to display doughnut charts at state centroids, with arcs indicating the percentage of residents fully vaccinated and doses used. The visualization uses React, D3 v6 (including `d3.forceSimulation`, `d3.geoPath`, `d3.brushX`, and `d3.scaleSqrt`), and SVG rendering. Data comes from US Vaccination Data by State/Territory, with map shapes from the us-atlas TopoJSON.

78% match

US Daily COVID-19 Vaccinations - Interactive Barchart

A daily bar chart displays COVID-19 vaccination doses administered in Massachusetts from April to September 2021, using D3 v6 with SVG rendering and animated transitions. Each bar represents a day’s total doses, with hover tooltips showing the date and dose count. An interactive dropdown menu lets users select different US states, triggering smooth bar updates and axis rescaling via `scaleTime`, `scaleLinear`, `axisBottom`, and `axisLeft`. Data comes from a gist CSV containing state-level vaccination statistics. The chart uses `transition()`, `join()`, and mouse event handlers for interactivity.

78% match

Covid - 19

This visualization displays the total number of Pfizer/BioNTech vaccinations administered in 11 countries as of May 27, 2021, using a horizontal bar chart rendered with SVG. The chart uses d3.scaleLinear for the x-axis, d3.scaleBand for the categorical y-axis, and d3.axisLeft and d3.axisBottom for the axes. Data is loaded from a local CSV file with d3.csv, and the bars are colored with a fixed steelblue fill via CSS. The code imports D3 modules directly and appends rectangles to the SVG container.

IIc1200010

78% match

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.

COVID-19 Data analytics Dashboard

This dashboard visualizes COVID-19 vaccination doses administered across the United States. A dropdown menu selects a state, displaying its daily vaccination bar chart. A map shows the latest daily doses for each state, with circles sized proportionally. Brushing the bottom bar chart updates the map to display data for the date at the end of the selected range. The visualization uses React with d3.forceSimulation for non-overlapping circle placement and d3.geoPath for map rendering, sourcing data from US Vaccination Data by State/Territory.

LLukwence

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.

Massachusetts Daily COVID-19 Vaccinations - Bar Plot

This example shows a daily bar chart of COVID-19 vaccination doses administered in Massachusetts from April 1 to September 4, 2021. Using D3 v5’s `scaleTime` and `scaleLinear`, it maps dates and daily vaccination counts to SVG rectangles. The code loads a CSV of US state vaccination data via `d3.csv`, filters rows for one state, and renders axes with `axisBottom` and `axisLeft`. Bars are positioned and sized using the scaled x and y values.