Cororona Virus Line Chart

100%

Cororona Virus Line Chart

✓ Published0🌍 Public

Last edited Apr 7, 2021

Created on Apr 7, 2021

This chart displays the global death toll from COVID-19 over time, using a line chart that currently renders as an empty red SVG canvas. The visualization pulls time-series data from the CSSE at Johns Hopkins University via a CSV file, processed with d3’s `csv` loader. The React component structure uses `useData` to fetch the dataset, while the SVG is sized to the full browser window. The code is built with React 16.9, D3 v6, and renders through the `svg` element, though no lines are actually plotted yet.

AI-generated description

MIT Licensed

Similar vizzes

Loading thumbnail…

CoronaVirus Line Chart

A line chart displays the cumulative global death toll from COVID-19 over time, based on data from the CSSE at Johns Hopkins University. The chart marks the most recent date with a vertical “now” line and highlights thresholds at one and two million deaths with horizontal reference lines. Built with React and D3 v5, the visualization uses `scaleTime` and `scaleLinear` for axes, and `d3.line` to generate the SVG path from a dataset transformed from CSV by summing daily death totals across all countries.

33ssalunke

93% match

Loading thumbnail…

Coronavirus line chart

This chart shows the cumulative global death toll from COVID-19 over time, using a simple black line against a full-screen SVG. The data is loaded from the Johns Hopkins Coronavirus dataset and aggregated by day. It uses D3’s `scaleTime` and `scaleLinear` for the axes, a `line` generator for the path, and React to render the SVG element. The line is styled with a 5px stroke and no fill, emphasizing the overall curve of the pandemic’s mortality.

YYedrup

92% match

Loading thumbnail…

Corona Virus Line Chart

This line chart visualizes the cumulative death toll from COVID-19 over time, with a single black line tracing the global trend. A horizontal marker at 10,000 and a vertical marker at the latest date provide visual reference points. Built with React and D3 v7, the chart uses `scaleTime`, `scaleLinear`, and a `line` generator to plot data from a CSSE GitHub CSV. The SVG rendering includes custom marker components for the annotations, and data is loaded asynchronously via `d3.csv`.

SSerind Joshua McCue

91% match

Loading thumbnail…

CoronaVirus Line Chart

This visualization displays the global cumulative death toll from COVID-19 over time as a single black line chart. It uses a React component with D3 v5 scales (`scaleTime`, `scaleLinear`) and a `line` generator to plot data from the JHU CSSE COVID-19 time series dataset. Dashed horizontal markers label key thresholds (10,000 to 2,000,000 deaths) via a custom `YMarkerLine` component, which draws SVG `<line>` elements and formatted text labels. The chart fills the browser window and updates when new data is loaded.

AAmir

91% match

Loading thumbnail…

CoronaVirus Line Chart with Axis

The chart shows the global cumulative death total from the COVID-19 pandemic over time, using a line path drawn with D3 v5’s `line` generator and scales from `scaleTime` and `scaleLinear`. Horizontal markers at 10,000, 100,000, 500,000, 1,000,000, and 2,000,000 deaths are rendered as rudimentary y-axis gridlines with labels, and the x-axis is built with `axisBottom` and custom tick sizing. Data comes from the Johns Hopkins University CSSE time series CSV, fetched via `d3.csv`, and the visualization is implemented as a React component rendering an SVG.

AAmir

91% match

Loading thumbnail…

Corona Virus Line Chart (React + D3 Axis)

This example visualizes the global cumulative death toll from COVID-19 over time as a single grey line chart. The visualization combines a React app for layout and component composition with D3 v5 utilities for scales and axis rendering. Data is fetched from a CSV maintained by the CSSE at Johns Hopkins, aggregated globally per day, with D3’s `csv` and `timeParse` handling ingestion. The chart uses D3’s `scaleTime` and `scaleLinear` for axes, `line` for the path, and `axisBottom` for the x-axis, while custom marker lines highlight the 5-million-death threshold and the final date.

KKazushige Okuma

91% match

Loading thumbnail…

Coronavirus Line Chart

This line chart visualizes the cumulative global death toll from the Johns Hopkins Coronavirus Dataset over time. The chart uses D3 v6 with React to load CSV data, transform it into daily sums, and render an SVG path via `scaleTime`, `scaleLinear`, and the `line` generator. The resulting graphic shows a single bold black curve tracing the death count across the entire dataset from its start to the present.

WWolfgang

90% match

Loading thumbnail…

Corona Virus Line Chart

A line chart tracks cumulative COVID-19 deaths over time, using a time-scaled x-axis and linear y-axis. The React component `LineChart` builds an SVG path via `d3.line`, `scaleTime`, and `scaleLinear`, while `useData` fetches the Johns Hopkins CSSE global deaths CSV and aggregates daily totals. The black, 15-pixel-wide stroke renders the full dataset at window dimensions.

MMichael Bergerson

90% match