COVID-19 Viz

100%

✓ Published0🌍 Public

Last edited Sep 24, 2020

Created on Sep 24, 2020

This visualization displays COVID-19 death counts across U.S. states over time, showing that most states remain below 5,000 deaths while Florida, California, and Texas experience dramatic summer increases. It uses a multi-line chart with monotone interpolation, color-encoded by cluster, and tooltips for detailed inspection. Built with vega-lite-api, vega-lite, and d3.csv for data loading, it reads from a gist-hosted COVID-19 dataset. The visualization renders as an SVG via vega-tooltip, with custom axis and label styling from a config file.

AI-generated description

A visualization constructed using the vega-lite-api. The data shown here comes from the COVID-19 data set

Findings: Most of the States are having a belows 5,000 death though out the year. Florida, Canlifornia and Texas are experiencing dramatic increase duing summer time, possible due to increase of vocations.

MIT Licensed

Similar vizzes

Loading thumbnail…

COVID-19 Viz

This visualization shows COVID-19 death trends across U.S. states over time, with a line chart revealing that most states remain below 5,000 deaths, while Florida, California, and Texas spike dramatically during summer. The chart encodes date on the x-axis, deaths on the y-axis, and state as color, with tooltips displaying cases. Built with vega-lite-api and d3.csv, it fetches data from a GitHub gist and renders using Vega-Lite’s markLine with monotone interpolation. Custom axis and label styling improve readability, and the visualization automatically fits the window size.

SStefanZhang

96% match

Loading thumbnail…

COVID-19 Map

This interactive map of the United States displays state-level COVID-19 metrics, including seven-day averages for deaths and positive test results, with hover tooltips revealing specific values. Built with D3 v6 and rendered as SVG, the visualization uses topojson for geographic boundaries and computes logarithmic positive-test values for potential choropleth coloring. The map currently fills all states red, while CSS hover states highlight regions in light green, and a custom color legend component supports ordinal color scales, though the full scale integration remains incomplete.

Aandycho97

77% match

Loading thumbnail…

COVID-19 Deaths in US Interactive

A COVID-19 deaths scatter plot for the United States renders the NY Times rolling-averages dataset as an interactive SVG visualization. The chart, built with React and D3 v6, uses d3.scaleTime and d3.scaleLinear to map dates against the seven-day average death count. It displays axes via d3.axisLeft and d3.axisBottom, with labeled annotations for the country title, y-axis, and vaccination threshold. The reusable chart pattern from "Towards Reusable Charts" is implemented through configurable accessor functions, while the data loads asynchronously from a CSV URL and updates circle elements via selection.join.

DDasbach.EJ

77% match

Loading thumbnail…

US Coronavirus Data

This visualization displays the total number of COVID-19 deaths in the United States as a single large numeric figure, formatted with commas and updated to the latest date present in the dataset. It loads the Johns Hopkins CSSE time-series data via `d3.csv`, extracts the most recent column, and sums all state-level death counts using a `reduce` operation. The result is rendered through D3’s `format` function into a large red text element, with a comment showing an unused filter for California data. The code relies on D3 v6 and standard JavaScript array methods.

AAnthony Ynami

76% match

Loading thumbnail…

Covid-19 County Pandemic Stages

A line chart displays the average pandemic stage across U.S. states, with each colored line representing a year from 2015 to 2019. The visualization ranks states along the y-axis against their averaged stage value on the x-axis, enabling year-over-year comparison. Built with the vega-lite-api and D3 v5, it pulls county population data from a GitHub repository and renders using Vega-Lite’s markLine and aggregate transforms. The dataset originates from CDC FluView Interactive, and the chart’s multi-hued encoding may obscure ordinal year-based patterns for readers.

Jjayktee

76% match

Loading thumbnail…

COVID-19

This interactive D3.js visualization displays COVID-19 metrics over time for selected countries, allowing viewers to toggle between confirmed cases, deaths, and recoveries via two dropdown menus. The line chart uses a time-based x-axis and a linear y-axis, with a single red, blue, or green line rendered per selection. Data is loaded from a CSV file, processed by nesting and grouping entries by date, and filtered by country. The visualization uses D3's `scaleTime`, `scaleLinear`, `axisBottom`, `axisLeft`, and `line` with `curveBasis` for smooth curves.

WW9183907

75% match

Loading thumbnail…

COVID line chart

This chart displays the total number of COVID-19 deaths in the United States over time as a black line on a yellow background. It uses React and D3 v5 scales, including `scaleTime` and `scaleLinear`, with a `line` generator to plot the data from the CSSE COVID-19 time series. A horizontal marker line at 900,000 deaths and a corresponding label are drawn using SVG elements within the chart’s margin-based layout.

CCatalina Vajiac

75% match

Loading thumbnail…

Covid-19 with Axis and labels

This interactive line chart visualizes global COVID-19 cumulative deaths over time, with each country represented by a gray line. Hovering over a point highlights the corresponding country’s full trajectory and displays a tooltip with the country name, death count, and date. The visualization uses React for state management, d3.scaleLog and d3.scaleTime for axes, d3.line for path generation, and d3.Delaunay-based Voronoi overlay for hover detection. Data comes from the CSSE COVID-19 time series CSV, rendered as SVG with custom axis labels and tick marks.

Uuplusv

75% match