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

100%

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

✓ Published1🌍 Public

Last edited Jan 14, 2022

Created on Jan 14, 2022

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

AI-generated description

MIT Licensed

Similar vizzes

Loading thumbnail…

Coronavirus Line Chart With 5,000,000 Marker Line

A coronavirus line chart tracks cumulative global deaths over time, with a horizontal marker line highlighting the 5,000,000-death threshold. The SVG visualization uses React to render a black path generated by d3.line, scaled with d3.scaleTime and d3.scaleLinear. Data comes from the CSSE COVID-19 time series CSV, aggregated daily via d3.csv and timeParse. The marker line is explicitly positioned using the y-scale’s output for 5,000,000, emphasizing the milestone against the full death-total trajectory.

OOleg Zhernovoy

94% match

Loading thumbnail…

Coronavirus Line Chart With 5,000,000 Marker Line

A line chart displays worldwide cumulative COVID-19 deaths over time, with a horizontal marker line highlighting the 5,000,000 death milestone. The chart uses a React component with D3’s `scaleTime`, `scaleLinear`, and `line` generator to map dates and death totals to SVG coordinates. The marker line is positioned using `yScale(5000000)`. Data comes from the CSSEGISandData COVID-19 time series CSV, aggregated by summing daily global deaths. The SVG renders the trend as a black stroke and the threshold as a thinner line, filling the browser viewport.

TThomas Cormican

94% match

Loading thumbnail…

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

RRMartins11

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…

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

A line chart tracks cumulative global COVID-19 deaths over time, with a horizontal marker line at 10,000 deaths. The visualization uses D3 v5’s `scaleTime`, `scaleLinear`, and `line` generators to map dates and death totals, rendering an SVG path with a thick black stroke. The marker line is drawn as a separate SVG `<line>` element, while the React component structure (via `useData`) loads the Johns Hopkins CSSE time-series CSV, aggregating daily death sums. The X-axis is delegated to a separate component using `d3.select`.

KKonJoDot

93% match

Loading thumbnail…

Coronavirus Basic Line Chart With 5,000,000 Marker Line

This chart shows the global cumulative COVID-19 death toll over time, rendered as a black line that climbs steadily across the full window. A horizontal marker line at 5,000,000 deaths highlights when the total crossed that threshold. Built with React and D3 v7, it uses `scaleTime` and `scaleLinear` to map dates and death totals, while `line()` generates the SVG path from data fetched from the CSSE COVID-19 time series. The marker line is a simple SVG `<line>` positioned via the y-scale.

KK3zter

92% match

Loading thumbnail…

Coronavirus Line Chart With 5,000,000 Marker Line

This chart shows the global cumulative death toll from COVID-19 over time, with black reference lines highlighting the moment the total reached 5,000,000 and the most recent date in the dataset. The SVG line chart uses D3’s `scaleTime` and `scaleLinear` to map dates and death totals, with a custom `line` generator. React renders the chart, while the data is fetched from a CSSEGISandData GitHub CSV and aggregated by summing daily death counts.

OOleg Zhernovoy

92% match

Loading thumbnail…

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

A line chart tracks the daily cumulative global COVID-19 death toll over time, with a horizontal marker line highlighting the 10,000-death threshold. The visualization uses React to render an SVG, employing D3 v5 scales and the `d3.line` path generator for the trend line, and a simple SVG `<line>` element for the marker. Data is loaded as CSV from the Johns Hopkins CSSE repository, transformed with `d3.csv` and `d3.timeParse`, and the chart fills the browser viewport.

KKonJoDot

92% match