Skip to main content
SimilarExport ZIP
100%

Coronavirus Log Y Axis - no mark lines

✓ Published1🌍 Public
Ee-ines
Last edited May 3, 2021
Created on May 3, 2021

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.

AI-generated description
MIT Licensed

Similar vizzes

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
94% 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
94% 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
94% 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
94% match
Loading thumbnail…

Coronavirus Log Y Axis

The chart depicts the global cumulative death toll from COVID-19 over time using a logarithmic y-axis, which compresses the exponential growth into a more readable curve. The line graph, rendered as an SVG via React, pulls data from the Johns Hopkins Coronavirus time-series dataset. It uses D3 v5’s `scaleLog` for the y-axis, `scaleTime` for the x-axis, and `line()` to generate the path. Axis ticks are styled with gridlines, and a horizontal marker labels the 10,000-death threshold.

Wwindwaver
94% 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 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
93% match
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
93% match