Skip to main content
SimilarExport ZIP
100%

Line Chart with Labels

✓ Published1🌍 Public
OOleg Zhernovoy
Last edited Dec 17, 2022
Created on Dec 17, 2022

A line chart displays cumulative global COVID-19 deaths over time, using a log-scaled y-axis to accommodate the data's exponential growth. The visualization highlights the most recent date on the x-axis and includes labeled axes for cumulative deaths and time. Built with React and D3 v7, the chart uses `scaleTime`, `scaleLog`, and `line` generators to render a single SVG path, with data fetched from a CSSE GitHub CSV.

AI-generated description
MIT Licensed

Similar vizzes

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

Visualization Labels

A line chart displays cumulative global COVID-19 deaths over time, using a logarithmic y-axis and a time-based x-axis. Built with React and D3 v5, it renders an SVG path via `d3.line` and `d3.scaleLog`, with axes created by `d3.axisBottom` and `d3.axisLeft`. The data comes from the CSSEGISandData COVID-19 time series CSV.

MMichael Bruno
93% match
Loading thumbnail…

Visualization Labels

A line chart displays cumulative global COVID-19 deaths over time, with a logarithmic y-axis and labeled axes for time and death counts. The chart uses a React component structure with D3 scales (`scaleTime`, `scaleLog`) and axis generators (`axisBottom`, `axisLeft`) to render SVG elements. Data comes from the Johns Hopkins Coronavirus dataset, processed via `d3.csv` and transformed to sum daily totals.

CCurran Kelleher
92% match
Loading thumbnail…

Visualization Labels

A line chart visualizes global cumulative COVID-19 deaths over time. The visualization uses a log-scaled y-axis to accommodate the wide range of death totals. It includes red marker lines for the current date and the 3,000,000 death threshold. Built with React and D3 v5 within an SVG, the chart uses D3's scaleTime, scaleLog, and line for plotting, with axisBottom and axisLeft for gridlines and tick labels. Data comes from the COVID-19 Data Repository by Johns Hopkins CSSE.

Ee-ines
92% match
Loading thumbnail…

Visualization Labels

This visualization shows global cumulative COVID-19 deaths over time using a line chart with a logarithmic y-axis to handle the wide range of values. The chart displays axis labels, tick marks, and annotation lines marking the most recent date and the five-million-deaths threshold. Built with React and D3 v7, the code uses d3.line, scaleTime, scaleLog, axisBottom, and axisLeft, rendering SVG elements. Data comes from the CSSE COVID-19 time series CSV, processed to sum daily death totals across all countries.

TThomas Cormican
92% match
Loading thumbnail…

Visualization Labels

This example visualizes cumulative global COVID-19 deaths over time using a line chart. The time axis spans the dataset’s date range, while a logarithmic scale maps death totals. The chart includes labeled axes for “Time” and “Cumulative Deaths,” plus a title and horizontal/vertical marker lines with annotations. The visualization is built with React and SVG, using D3 v7 functions such as `scaleTime`, `scaleLog`, `line`, `axisBottom`, and `axisLeft`. Data comes from the CSSEGISandData COVID-19 global time-series CSV, loaded via `d3.csv`.

AAlex Stulov
91% match
Loading thumbnail…

Visualization Labels

This line chart visualizes global cumulative COVID-19 deaths over time, using a logarithmic y-axis to accommodate the wide range of values. The chart is built with React and D3 v7, rendering as an SVG. It uses `d3.scaleTime` and `d3.scaleLog` for axes, and `d3.line` to generate the path. Data is fetched from a Johns Hopkins CSV, and the y-axis ticks are filtered to remove the 5,000,000 and 0 marks.

Hhunsingeruk@gmail.com
91% match
Loading thumbnail…

Covid - 19 line chart - log scale

A line chart displays the cumulative global deaths from COVID-19 over time using a logarithmic y-axis to accommodate the exponential growth in the data. The chart plots daily totals from the Johns Hopkins Coronavirus dataset, with grid lines and axis labels generated by D3's `scaleLog`, `scaleTime`, `axisBottom`, and `axisLeft`. The React component builds an SVG path via D3's `line` generator, with the x-axis showing dates and the y-axis using a log scale with tick formatting. The visualization fills the browser window and uses a simple black stroke for the line, with gray grid lines and styled tick text.

SSai Phaltankar
91% match