CoronaVirus Log Chart

100%

CoronaVirus Log Chart

✓ Published1🌍 Public

Last edited Mar 9, 2021

Created on Mar 9, 2021

This visualization displays the global cumulative death toll from COVID-19 over time, using a logarithmic y-axis to accommodate the exponential growth in fatalities. The line chart is built with React and D3 v5, using `scaleLog` and `scaleTime` to map death totals to the date range. The `line` generator creates the path, while custom `XAxis` and `YAxis` components use `axisBottom` and `axisLeft` with grid lines. Data comes from the CSSEGISandData COVID-19 time series repository, aggregated by summing daily country-level deaths.

AI-generated description

A program that loads in some data about CSS named colors using D3 utilities, and uses React state to keep track of the data.

MIT Licensed

Similar vizzes

Loading thumbnail…

CoronaVirus LOG scale Chart

This chart visualizes the global cumulative death toll from COVID-19 over time, using a logarithmic y-axis to accommodate the wide range of values from 1 to the current total. The line chart updates over the pandemic's progression, with the final data point labeled with the total death count. Built with React and D3 v5, it loads data from the JHU CSSE COVID-19 time series CSV, transforms it by summing daily global deaths, and renders an SVG with a time-scaled x-axis and log-scaled y-axis. Axis components use D3's `axisBottom` and `axisLeft` for gridlines and tick marks.

AAmir

96% match

Loading thumbnail…

CoronaVirus Log Y Axis

This chart visualizes the cumulative global death toll from COVID-19 over time, using a logarithmic y-axis to better display the exponential growth of the pandemic. The line chart is rendered using D3.js (v7) and React, with the data sourced from the CSSEGISandData/COVID-19 time series CSV. D3's scaleLog, axisBottom, and axisLeft generate the axes, while the lineGenerator creates the path from date and deathTotal values.

SSerind Joshua McCue

95% match

Loading thumbnail…

Coronavirus Log Chart

The chart displays global cumulative COVID-19 deaths over time on a logarithmic scale, making early exponential growth visible while compressing later, larger values. A vertical marker line indicates the current date, and a horizontal marker shows a specific death count. The visualization uses a React component structure with D3 v7’s `scaleTime`, `scaleLog`, and `line` generator to render an SVG path. Axes are drawn via `axisBottom` and `axisLeft`, with data sourced from the CSSE COVID-19 time series CSV, processed using `csv` and `timeParse`.

AAlex Stulov

93% match

Loading thumbnail…

Coronavirus Log Y Axis

This visualization shows global cumulative COVID-19 deaths over time, using a logarithmic y-axis to reveal exponential growth trends. The line chart, built with React and D3 v7, uses `scaleLog` for the y-axis and `scaleTime` for the x-axis, with the line generated by `d3.line`. Data comes from the CSSE COVID-19 time series CSV, aggregated globally. Grid lines and markers highlight specific dates and death totals, with axes rendered via `axisBottom` and `axisLeft`.

KK3zter

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

92% match

Loading thumbnail…

Coronavirus Log Y Axis

The chart shows the global cumulative death toll from COVID-19 over time on a logarithmic y-axis, making the exponential growth visible as a straight line. A React component renders a single SVG path using `d3.line`, with `d3.scaleLog` and `d3.scaleTime` mapping the data, which is loaded from the CSSEGISandData GitHub repository. `d3.axisBottom` and `d3.axisLeft` provide gridlines, while commented-out marker lines suggest intended annotations for current date and the 10,000-death threshold.

MMichael Bruno

92% match

Loading thumbnail…

Corona Virus Log Y Axis Chart (React + D3 Axis)

This chart tracks global cumulative COVID-19 deaths over time using a logarithmic y-axis to accommodate exponential growth. Rendered with React and D3 v5, it employs `scaleTime` and `scaleLog` with `d3.line` to plot the trend, while custom `XAxis` and `YAxis` components leverage `axisBottom` and `axisLeft` with gridlines and formatted ticks. Data comes from the CSSE COVID-19 time series CSV, which is fetched and aggregated daily. The SVG visualization includes labeled axes and a marker line indicating the final date (11/30/2021).

KKazushige Okuma

92% match

Loading thumbnail…

CORONA Log scale

The chart plots global cumulative COVID-19 deaths over time using a logarithmic scale for the y-axis, making early exponential growth visible while compressing later spikes. A black line connects daily totals aggregated from the CSSE COVID-19 time-series dataset. Built with React and D3 v5, it uses `scaleLog`, `scaleTime`, `line`, and `axisBottom`/`axisLeft` to render gridlines, labeled axes, and titled SVG output.

KKolezhannochka

92% match