Fork of Coronavirus Line Chart

100%

Fork of Coronavirus Line Chart

✓ Published0🌍 Public

Last edited Jan 24, 2021

Created on Jan 24, 2021

A line chart displays global cumulative COVID-19 deaths over time using a log-scaled y-axis to accommodate exponential growth. The visualization marks the 10,000-death threshold with a tomato-colored reference line. Data comes from the CSSEGISandData COVID-19 time-series dataset, loaded via `d3.csv` and transformed with reactive React state. React components render the SVG, while D3 v6 functions `scaleTime`, `scaleLog`, `line`, `axisBottom`, and `axisLeft` generate the axes, path, and gridlines.

AI-generated description

MIT Licensed

Similar vizzes

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…

Coronavirus Line Chart

A line chart tracks global cumulative COVID-19 deaths over time, using a logarithmic y-axis to show growth across multiple orders of magnitude. Built with React and D3 v6, it fetches live data from the Johns Hopkins CSSE GitHub repository via `d3.csv`. The chart renders as SVG, with scales created by `scaleTime` and `scaleLog`, axes via `axisBottom` and `axisLeft`, and a tomato-colored `MarkerY` annotation highlighting the 10,000-death threshold.

WWaseem Medhat

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

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

92% match

Loading thumbnail…

Fork of CORONAVIRUS LINE CHART

This chart displays global COVID-19 death totals over time using a red SVG background and a thick black line. It uses `d3.scaleTime` and `d3.scaleLinear` to map dates and cumulative deaths, while `d3.line` generates the path. Two custom React components, `YMarkerLine` and `XMarkerLine`, draw reference lines at the 1,000,000 death mark and at the latest date, respectively. Data comes from the CSSE COVID-19 time series CSV loaded via `d3.csv`.

Jjesramyep1263

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

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

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

90% match