Coronavirus Log Y Axis

100%

Coronavirus Log Y Axis

✓ Published1🌍 Public

Last edited Jul 30, 2021

Created on Jul 30, 2021

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`.

AI-generated description

This program loads and parses the Johns Hopkins Coronavirus Dataset

MIT Licensed

Similar vizzes

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

96% match

Loading thumbnail…

Coronavirus Log Y Axis

This example visualizes the global cumulative COVID-19 death toll over time, using a logarithmic y-axis to reveal the exponential growth pattern of the pandemic. A line chart shows daily totals from the Johns Hopkins CSSE time-series dataset, with gray gridlines and a “Now” marker at the most recent date. The React app uses D3 v7’s `scaleLog`, `scaleTime`, and `line` generators to build the SVG, while custom `XAxis` and `YAxis` components leverage `axisBottom`, `axisLeft`, and `tickSize` to render gridlines. Marker lines highlight the current value and date.

BBen Brophy

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

94% match

Loading thumbnail…

Coronavirus Log Y Axis

This chart visualizes the global cumulative death toll from the Coronavirus pandemic over time, using a logarithmic Y-axis to reveal the exponential growth pattern across the spring of 2020. The line graph, rendered using React and SVG, plots daily totals sourced from the Johns Hopkins CSSE dataset via a CSV fetch. It employs D3’s `scaleLog` for the vertical axis, `scaleTime` for the horizontal date axis, and custom `XAxis` and `YAxis` components that draw grid lines. The chart emphasizes the dramatic rate of increase, with a marker line annotating the 10,000-death threshold.

CCurran Kelleher

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

94% match

Loading thumbnail…

Coronavirus Log Y Axis

A line chart tracks cumulative global COVID-19 deaths over time, using a logarithmic y-axis to reveal exponential growth patterns that a linear scale would compress. The visualization loads time-series data from the CSSE at Johns Hopkins and renders an SVG path via React and d3.v7, with `scaleTime` and `scaleLog` mapping dates and death totals. Dashed marker lines highlight the current date and the one-million-death threshold, while grid lines generated by `axisBottom` and `axisLeft` aid comparison across the pandemic's trajectory.

KKevin McMorrow

94% match

Loading thumbnail…

Coronavirus Log Y Axis with Labels

A line chart displays global cumulative coronavirus deaths over time, with a logarithmic y-axis compressing the large range of values. The visualization uses a black, five-pixel-wide stroke for the single trend line, with labeled axes and tick marks shaded in gray. Built with React and D3 v5, the chart leverages `d3.scaleLog`, `d3.scaleTime`, and `d3.line` to generate the SVG path, while axis rendering is handled by `d3.axisBottom` and `d3.axisLeft`. Data comes from the Johns Hopkins Coronavirus dataset, loaded via `d3.csv`.

LLaura Johnson

94% match

Loading thumbnail…

Coronavirus Log Y Axis

A log-scaled line chart tracks the cumulative global death toll from the Johns Hopkins COVID-19 dataset over time, highlighting exponential growth in cases across months. The visualization pairs D3 scaleTime and scaleLog to map dates and totals, with line generator creating the trend path. React components manage the X and Y axes via reusable axisBottom and axisLeft hooks, while SVG renders gridlines and plot marks.

LLaura Johnson

94% match