Fork of Smiley Face Part VI

100%

Fork of Smiley Face Part VI

✓ Published0🌍 Public

Last edited Jul 2, 2021

Created on May 14, 2021

This visualization displays the global cumulative COVID-19 death toll over time as a single red line chart that fills the entire browser window. The line chart uses D3 v5 scales and the `line` generator, with data fetched from the Johns Hopkins CSSE GitHub repository via `d3.csv`. The React component `LineChart` maps dates to the x-axis and death totals to the y-axis, while the custom `useData` hook transforms the raw CSV by summing daily deaths across all countries. The SVG background is styled red, creating a stark, minimalist presentation of the pandemic's trajectory.

AI-generated description

MIT Licensed

Similar vizzes

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

85% match

Loading thumbnail…

Fork of Global Coronavirus Deaths

A line chart displays cumulative global COVID-19 deaths over time, using data from the Johns Hopkins Coronavirus Dataset. The chart maps dates to the x-axis and death totals to the y-axis via `scaleTime` and `scaleLinear`, with the line generated by `d3.line`. React components handle the SVG rendering, while `useData` fetches and transforms the CSV with `d3.csv` and `timeParse`. Reference marker lines are defined but not currently invoked.

Ssenilefork

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

85% match

Loading thumbnail…

Fork of Global Coronavirus Deaths

A line chart visualizes the cumulative global death toll from COVID-19 over time, using data from the Johns Hopkins Coronavirus Dataset. The chart is built with React and D3 v5, leveraging D3’s `scaleTime`, `scaleLinear`, `extent`, `max`, and `line` APIs to map dates and death totals. A horizontal marker line highlights the 10,000-death threshold, while a vertical marker indicates the most recent date, formatted with `timeFormat`. SVG renders the line with a thick black stroke, and axes use D3’s `axisBottom`.

NNelson Kalgushkin

85% match

Loading thumbnail…

Fork of Global Coronavirus Deaths

This chart displays cumulative global COVID-19 deaths over time using data from the Johns Hopkins Coronavirus Dataset. A bold black line traces the daily total, with a dashed marker at the 10,000-death threshold and a vertical line highlighting the most recent date. Built with React and D3 v5, it uses `scaleTime`, `scaleLinear`, and `line` to generate an SVG path. The CSV data is fetched via `d3.csv` and transformed to sum deaths across all countries for each date.

Zzwang1010

85% match

Loading thumbnail…

Fork of Corona Deaths Linechart with Marker Line with Margins

This D3.js v5 chart visualizes cumulative global COVID-19 deaths over time, sourced from the CSSE at Johns Hopkins. It renders an SVG line chart in React, featuring red marker lines for a threshold of 3,000,000 deaths and the most recent date. The chart uses `scaleTime` for the x-axis, `scaleLinear` for the y-axis, and the `line` function to generate the path.

Nnexus1058

84% match

Loading thumbnail…

Fork of Coronavirus Linear Y Axis

This line chart displays the cumulative total of COVID-19 deaths over time using a linear y-axis scale. It fetches data from the Johns Hopkins Coronavirus time-series dataset via `d3.csv` and aggregates daily death totals. The chart is rendered with React (version 16.9) and SVG, using `d3.scaleTime`, `d3.scaleLinear`, `d3.axisBottom`, and `d3.axisLeft`. Gridlines are drawn by setting `tickSize` on the axes, and the chart fills the entire browser window, updating responsively.

CCheng Tang

84% match

Loading thumbnail…

Fork of Coronavirus Linear Y Axis

This visualization shows the cumulative global death toll from COVID-19 over time, using a linear y-axis to emphasize the raw magnitude of the rise. Built with React and D3.v5, it plots a single thick black line across a grid of faint gray ticks. The data, sourced from the Johns Hopkins Coronavirus Dataset, is aggregated by summing daily death counts worldwide. The chart uses `d3.scaleTime` and `d3.scaleLinear` for axes, `d3.line` for the path, and `d3.axisBottom`/`d3.axisLeft` to render the labeled gridlines.

CCrisAbxs

84% match