COVID-19 Viz

100%

✓ Published1🌍 Public

Last edited Oct 20, 2020

Created on Sep 13, 2020

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.

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

JJorge Emilio Zapata Godoy

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

78% match

Loading thumbnail…

Covid-19 Cases from 2020 to 2023

This interactive line chart visualizes COVID-19 case averages and death counts across U.S. states from 2020 to 2023, sourced from the New York Times rolling-averages dataset. A dropdown menu lets viewers toggle between the two metrics, triggering a smooth 1-second transition that redraws the line path. The visualization uses D3 v7 with an SVG renderer, employing `d3.line()` for path generation, `d3.scaleTime()` and `d3.scaleLinear()` for axes, and a color ordinal scale with `d3.schemeSet2`. Gridlines and labeled axes contextualize the trends.

Xxiaojingwu138

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

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…

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

76% match

Loading thumbnail…

Dataviz 2020_Ep50 - 41. Corona virus Line Chart

This visualization tracks global cumulative COVID-19 deaths over time as a line chart, using a time scale for dates and a linear scale for death totals. It highlights the most recent date with a vertical marker labeled “Now” and a horizontal reference line at 3.5 million deaths. Built with React and D3 v6 (d3.scaleTime, d3.scaleLinear, d3.line), it renders to SVG and loads data from the CSSE COVID-19 time series CSV, aggregating daily death counts across all countries.

MMinwoo Pak

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

76% match