Conovirus Log Y Axis

100%

Conovirus Log Y Axis

✓ Published1🌍 Public

Last edited Aug 5, 2021

Created on Jul 29, 2021

This line chart tracks cumulative COVID-19 deaths over time, using a logarithmic Y-axis to accommodate the wide range of values from 1 to the peak total. The data comes from a CSV file of global death counts, loaded via `d3.csv` and parsed with `timeParse`. The chart is rendered as an SVG using React, with scales created by `scaleTime` and `scaleLog`, a path generated by `line()`, and gridlines and axes drawn by `axisBottom` and `axisLeft`.

AI-generated description

A bare minimum HTML page demonstrating use of CSS and JavaScript.

Similar vizzes

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

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

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

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

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

89% match

Loading thumbnail…

Coronavirus Log Y Axis - no mark lines

This example shows the cumulative global death toll from COVID-19 over time on a logarithmic y-axis, with no marker lines to indicate specific values. The chart uses a React component with D3 v5 to render an SVG line chart, scaling time on the x-axis and logarithmic deaths on the y-axis. Data is loaded from a CSV file provided by the JHU CSSE repository. The D3 `scaleLog`, `scaleTime`, and `line` functions generate the plot, while custom X and Y axis components use `axisBottom` and `axisLeft` with grid lines to create a clean, minimal visualization.

Ee-ines

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

89% match