52) Coronavirus with Log Y Scale and Labels

100%

52) Coronavirus with Log Y Scale and Labels

✓ Published0🌍 Public

Last edited Aug 24, 2023

Created on Aug 24, 2023

This example visualizes cumulative global coronavirus deaths over time using a logarithmic y-axis to accommodate the data’s exponential growth. The line chart, rendered as an SVG path via React and d3.v5, labels the axes and includes a marker line at 10,000 deaths. The code uses `d3.scaleLog`, `d3.scaleTime`, `d3.line`, and `d3.axisLeft` with tick formatting, pulling data from the Johns Hopkins Coronavirus Dataset.

AI-generated description

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

MIT Licensed

Similar vizzes

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

92% match

Loading thumbnail…

Coronavirus Log scale

This example shows global cumulative COVID-19 deaths over time using a logarithmic y-axis scale, making early exponential growth visible as a nearly straight line. The chart uses React with D3 v7 APIs including `scaleLog`, `scaleTime`, and a `line` generator to render an SVG path. Axis components are built with `axisBottom` and `axisLeft`, pulling data from a public Johns Hopkins CSSE CSV file. Gridlines, axis labels, and a title accompany the thick black trend line.

Ccynichole

91% match

Loading thumbnail…

Coronavirus Log Scale w/ Labels

A line chart tracks global cumulative COVID-19 deaths over time using a logarithmic scale for the y-axis, with rotated date labels on the x-axis. The visualization uses React and d3.v6, with `scaleTime` and `scaleLog` for axes and a `line` generator for the path. Data comes from the Johns Hopkins Coronavirus Dataset, loaded via `csv` into a React hook, and rendered as SVG with custom axes using `axisBottom` and `axisLeft`.

AAnthony Ynami

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

91% match

Loading thumbnail…

Coronavirus Log Y Axis

This visualization displays the global cumulative COVID-19 death toll over time using a logarithmic Y-axis scale, making exponential growth trends visible as straight lines. The React component uses D3 v6 functions like `scaleTime`, `scaleLog`, and `line` to generate an SVG path from CSSE COVID-19 time series data, with custom axis components rendering grid lines and tick labels. A black marker line indicates the current date, while a second marker highlights the one-million death threshold on the logarithmic scale.

AAndre J Denais

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

90% match

Loading thumbnail…

Coronavirus Log Scale

This visualization charts global cumulative COVID-19 deaths over time using a logarithmic y-axis, emphasizing exponential growth patterns. The line chart, built with React and D3 v5, uses `scaleTime` and `scaleLog` to map dates and death totals, with axes rendered via `axisBottom` and `axisLeft`. Data comes from the CSSE COVID-19 time series CSV, aggregated daily. Gridlines and manual markers for "now" and the one-million threshold enhance readability, while SVG paths render the trend line with a thick black stroke.

RRMartins11

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

90% match