log d3 Axis Coronavirus data

100%

log d3 Axis Coronavirus data

✓ Published1🌍 Public

Last edited May 27, 2022

Created on May 27, 2022

Forked from use d3 Axis Coronavirus data

This line chart visualizes global COVID-19 death totals over time, using a logarithmic y-axis to accommodate the exponential growth of the data. The chart is built with React and d3.v7, using `scaleTime` and `scaleLog` for the axes, while `line()` generates the SVG path. Data is fetched via `d3.csv` from the CSSEGISandData COVID-19 time series repository, and axes are rendered with `axisBottom` and `axisLeft`, displaying gridlines.

AI-generated description

Line chart of coronavirus data

MIT Licensed

Similar vizzes

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…

Line Chart Log Y Axis

This line chart displays global COVID-19 death totals over time, using a logarithmic y-axis to make early exponential growth visible while accommodating later high values. Built with React and D3 v7, it uses `d3.scaleLog` for the y-scale, `d3.scaleTime` for dates, and `d3.line` for the path. Data comes from the CSSE COVID-19 time series CSV, aggregated by summing daily deaths across all countries. The chart includes gridlines via `d3.axisBottom` and `d3.axisLeft`, with tick labels formatted using "~s" notation.

OOleg Zhernovoy

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

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…

Axis labels Coronavirus data

This example shows the global cumulative death toll from the COVID-19 pandemic as a time series line chart, with a logarithmic y-axis to accommodate the data’s wide range. The visualization uses React components to render an SVG, with D3’s `scaleTime` and `scaleLog` for scaling, and `axisBottom` and `axisLeft` for grid lines and tick marks. Custom axis titles are positioned manually via SVG transforms. Data comes from the CSSEGISandData COVID-19 time series CSV, aggregated by summing daily death totals across all countries.

BBlake McCarty

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

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

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