Skip to main content
SimilarExport ZIP
100%

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

✓ Published1🌍 Public
KKazushige Okuma
Last edited Nov 1, 2021
Created on Nov 1, 2021

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

AI-generated description
MIT Licensed

Similar vizzes

Loading thumbnail…

CoronaVirus Log Chart

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.

33ssalunke
92% 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
92% match
Loading thumbnail…

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

This example shows the cumulative global death toll from COVID-19 over time, plotted on a linear y-axis. The React component renders an SVG line chart using D3 scales (`d3.scaleTime`, `d3.scaleLinear`) and axes (`d3.axisBottom`, `d3.axisLeft`), with gridlines and annotation markers. It loads time-series data from a public GitHub CSV via `d3.csv`, aggregates daily totals, and draws the path with `d3.line`. The chart fills the viewport and updates automatically when the data arrives.

KKazushige Okuma
92% 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
92% 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

A line chart tracks global cumulative COVID-19 deaths over time, using a log-scale y-axis to reveal exponential growth patterns across orders of magnitude. The React component renders an SVG path via d3.line while d3.scaleLog and scaleTime map death totals and dates. Horizontal gridlines from d3.axisLeft and vertical ticks from d3.axisBottom structure the plot, with markers highlighting the 5,000,000 death threshold and current date. Data comes from the CSSE COVID-19 global time-series CSV, aggregated daily across all countries.

TThomas Cormican
91% match
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
90% match
Loading thumbnail…

Coronavirus Log Y Axis

This chart displays the cumulative global COVID-19 death toll over time, using a logarithmic scale on the y-axis to reveal the exponential growth pattern. The React component fetches time-series data from the Johns Hopkins CSSE GitHub repository and renders an SVG line chart. The code uses D3 v6 scales (`scaleTime`, `scaleLog`) and axes (`axisBottom`, `axisLeft`), with the line generated via `line()`. Gridlines extend across the plot, and the chart fills the browser window, updating as new data arrives.

PPeter Krevenets
90% match