Fork of Coronavirus Line Chart with Marker Line

100%

Fork of Coronavirus Line Chart with Marker Line

✓ Published1🌍 Public

Last edited May 6, 2021

Created on May 6, 2021

Forked from Coronavirus Line Chart with Marker Line

A line chart visualizes the global cumulative COVID-19 death total over time, with a vertical marker line at the most recent date and a horizontal marker line at the one-million-death threshold. The chart uses React and D3 v5 (including `scaleTime`, `scaleLinear`, and `line`) to render an SVG path from CSV data sourced from the COVID-19 Data Repository. Marker lines are drawn as SVG elements via custom components, and the chart updates with the latest available daily data.

AI-generated description

A Coronavirus Line Chart

MIT Licensed

Similar vizzes

Loading thumbnail…

Fork of Coronavirus Line Chart With 5,000,000 Marker Line

A line chart tracks global cumulative COVID-19 deaths over time from JHU CSSE time-series data, using d3.scaleTime and d3.scaleLinear. A horizontal YMarkerLine highlights the 5,000,000 death threshold, while an XMarkerLine marks the most recent date. The SVG path is generated with d3.line, rendered in React, and updated to the full viewport size.

TThomas Cormican

93% match

Loading thumbnail…

Fork of Fork of CORONAVIRUS LINE CHART

A line chart visualizes the global cumulative COVID-19 death toll over time, using a red background and a thick black line. The chart includes horizontal and vertical marker lines at the one million death threshold and at the latest date. Built with React and D3 v5, the visualization uses `scaleTime`, `scaleLinear`, and `line` generators, pulling data from the CSSEGISandData COVID-19 time-series CSV. The SVG rendering relies on React components for the marker lines and a `useData` hook for asynchronous CSV parsing and transformation.

Jjesramyep1263

93% match

Loading thumbnail…

Fork of Coronavirus Line Chart with 1M marker line

This line chart tracks global cumulative COVID-19 deaths over time, using data from the CSSE at Johns Hopkins. It plots a bold black line and overlays a horizontal marker at the 1,000,000 death threshold, plus a vertical marker at the latest date labeled “now.” Built with React and D3 v7, it uses `scaleTime`, `scaleLinear`, and the `line` generator, rendering as SVG. The `YMarkerLine` and `XMarkerLine` components draw the reference lines and labels.

KKevin McMorrow

93% match

Loading thumbnail…

Coronavirus Line Chart with Marker Line

A line chart visualizes the global cumulative total of COVID-19 deaths over time, with a horizontal marker line positioned at one million deaths. The chart uses React to render an SVG, with scales and line generation handled by d3.scaleTime, d3.scaleLinear, and d3.line. The data comes from a CSV file provided by the COVID-19 Data Repository at Johns Hopkins University, loaded via d3.csv and transformed by grouping daily death totals.

Ffjvoris

93% match

Loading thumbnail…

Fork of Coronavrius Line Chart with marker line

A COVID-19 line chart displays the global total of deaths over time using a React component with D3 v5 scales and path generators. The chart plots daily cumulative death counts from the CSSE time series dataset, with a horizontal marker line at 3,000,000 deaths and a vertical marker line at the most recent date labeled "Now." Both marker lines are implemented as React components using D3’s `scaleLinear` and `scaleTime` to position them within the SVG viewport. The line path is generated with `d3.line` and styled with CSS.

Jj-PGi

93% match

Loading thumbnail…

Coronavirus Line Chart with Marker Line

This visualization displays global COVID-19 death totals over time as a single bold line, with a horizontal marker line highlighting the one-million-death threshold. The React component uses d3.scaleTime and d3.scaleLinear to map dates and cumulative deaths to SVG coordinates, while d3.line generates the path. Data comes from the CSSEGISandData COVID-19 time-series CSV, loaded via d3.csv and aggregated daily. The marker line is a static SVG `<line>` positioned using the y-scale’s output for one million deaths.

RRMartins11

93% match

Loading thumbnail…

Fork of Coronavirus Line Chart with 10,000 Marker Line

This line chart depicts the global cumulative death toll from COVID-19 over time, with a horizontal marker line at 10,000 deaths and a vertical marker at the most recent date. It uses React and D3 v5’s `scaleTime`, `scaleLinear`, and `line` to generate an SVG path from data fetched via `d3.csv` from the CSSEGISandData GitHub repository. The chart renders a single thick black line, with the marker lines and text labels styled via CSS.

MMichael Bruno

93% match

Loading thumbnail…

Fork of Coronavirus Basic Line Chart With 10,000 Marker Line

This chart displays the cumulative global death toll from COVID-19 over time as a single black line, with a horizontal marker line at the 10,000-death threshold. The visualization uses React to render an SVG containing a `d3.line` path and a static `<line>` element. Data is loaded from a CSSEGISandData GitHub CSV using `d3.csv` and aggregated by day via `timeParse` and array reduction. The chart updates its scales dynamically using `d3.scaleTime` and `d3.scaleLinear` based on the extent and maximum of the dataset.

Mmfehlhaber

92% match