Fork of Coronavirus Log Y Axis

100%

Fork of Coronavirus Log Y Axis

✓ Published0🌍 Public

Last edited Jul 25, 2022

Created on Jul 24, 2022

This chart visualizes the global cumulative death toll from COVID-19 over time, using data from the Johns Hopkins Coronavirus Dataset. It displays a line graph with dates on the x-axis and a logarithmic y-axis for death counts, encoded as SVG paths. The visualization is built with React and D3 v5, utilizing `scaleLog` for the y-axis, `scaleTime` for the x-axis, and D3’s `line` generator. Interactive axis ticks and gridlines are rendered via D3’s `axisLeft` and `axisBottom` functions.

AI-generated description

Line chart of Coronavirus cases to date. Data from Johns Hopkins Coronavirus Dataset.

MIT Licensed

Similar vizzes

Loading thumbnail…

Fork of Coronavirus Linear Y Axis

This line chart tracks the cumulative global death toll from COVID-19 over time, using a linear y-axis to emphasize absolute growth rather than rate of change. The visualization plots dates on the x-axis and total deaths on the y-axis, with gridlines and marker lines at notable values. Built with React and D3 v5, it uses `d3.scaleTime`, `d3.scaleLinear`, and `d3.line` to render the SVG path, pulling data from the Johns Hopkins Coronavirus dataset via `d3.csv`. The chart also includes labeled x- and y-marker lines for reference points.

MMaciek Sitkowski

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

93% match

Loading thumbnail…

Fork of Coronavirus Linear Y Axis

This chart displays the global cumulative COVID-19 death toll over time using a linear y-axis, with data from the Johns Hopkins Coronavirus Dataset. A single black line traces the rising total, while gridlines and axis labels help read specific values. The visualization is built with React and D3 v5, using `d3.scaleTime` and `d3.scaleLinear` for scales, `d3.line` for the path generator, and `d3.axisBottom` and `d3.axisLeft` for axes. Marker lines also highlight the 10,000-death threshold and recent dates.

RRamiBishara

93% match

Loading thumbnail…

Coronavirus Log Y Axis

The chart depicts the global cumulative death toll from COVID-19 over time using a logarithmic y-axis, which compresses the exponential growth into a more readable curve. The line graph, rendered as an SVG via React, pulls data from the Johns Hopkins Coronavirus time-series dataset. It uses D3 v5’s `scaleLog` for the y-axis, `scaleTime` for the x-axis, and `line()` to generate the path. Axis ticks are styled with gridlines, and a horizontal marker labels the 10,000-death threshold.

Wwindwaver

93% match

Loading thumbnail…

Coronavirus Log Y Axis

This example visualizes the global cumulative death toll from the Johns Hopkins Coronavirus Dataset using a line chart with a logarithmic y-axis. The chart displays total deaths over time, with marker lines highlighting the current date and the 4,000,000 death threshold. Built with React and D3 v7, it uses `scaleTime` and `scaleLog` to map dates and death counts, while the `line` generator creates the path and `axisBottom` and `axisLeft` render axes. Data is loaded via `csv` and parsed with `timeParse`.

KKtuzinowski

93% match

Loading thumbnail…

Coronavirus Log Y Axis

This chart visualizes the global cumulative death toll from the Johns Hopkins Coronavirus Dataset. Using a logarithmic y-axis, the line chart reveals the exponential growth pattern of COVID-19 deaths over time, making early and late outbreak phases comparable. The visualization is built with React and D3 (v6), using `scaleTime` and `scaleLog` for the axes and `line` for the data path. It includes horizontal and vertical marker lines via `XMarkerLine` and `YMarkerLine`, with axes rendered through `axisBottom` and `axisLeft`.

WWolfgang

93% match

Loading thumbnail…

Fork of Coronavirus Linear Y Axis

This line chart visualizes the global cumulative death count from COVID-19 over time, using a linear y-axis to reveal the sharp exponential rise in fatalities. The chart supports brushing interaction to zoom into a specific date range, dynamically filtering the displayed data. Built with React and D3 v5, it uses `d3.scaleTime`, `d3.scaleLinear`, `d3.line`, and `d3.brushX` to render an SVG path with gridlines and axes. Data is sourced from the Johns Hopkins COVID-19 time-series dataset, fetched via `d3.csv`.

SSatorumi

93% match

Loading thumbnail…

Coronavirus Log Y Axis

This chart tracks the cumulative global death toll from COVID-19 over time, using a logarithmic y-axis to compress the wide range of values. The line plot rises steeply, emphasizing the exponential early growth as cases spread worldwide. Built with React and D3 v7, it uses `scaleTime`, `scaleLog`, and a `line` generator to render the path, with `axisBottom` and `axisLeft` for gridlines. Data comes from the CSSE Johns Hopkins GitHub repository, aggregated from daily global CSV reports.

Vvmonney

93% match