Skip to main content
SimilarExport ZIP
100%

Visualization Labels

✓ Published1🌍 Public
KKevin McMorrow
Last edited Jan 31, 2022
Created on Jan 31, 2022

This visualization displays global coronavirus deaths over time using a logarithmic scale for cumulative deaths. The React-based line chart, rendered as SVG with D3 v7, includes axis labels for time and death totals alongside an explicit "now" marker line. It processes COVID-19 data from the CSSE at Johns Hopkins CSV, using D3’s `scaleTime`, `scaleLog`, and `line` generators to map the data points.

AI-generated description
MIT Licensed

Similar vizzes

Loading thumbnail…

Visualization Labels

A line chart shows global cumulative coronavirus deaths over time, using a logarithmic scale for the y-axis. Data comes from the Johns Hopkins COVID-19 time-series dataset. Built with React and D3 v5, the visualization uses `d3.scaleTime`, `d3.scaleLog`, and `d3.line` to generate an SVG path, with axes rendered via `d3.axisBottom` and `d3.axisLeft`. The code also includes reusable marker-line components for highlighting specific values.

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

Visualization Labels

This line chart tracks cumulative global Coronavirus deaths over time, using a logarithmic y-axis to accommodate the data's wide range. The visualization is rendered as an SVG within a React component, leveraging D3 v5 APIs such as `scaleTime`, `scaleLog`, and `line` for path generation, while custom `XAxis` and `YAxis` components apply `axisBottom` and `axisLeft` to draw gridlines and ticks. Data is fetched from the Johns Hopkins Coronavirus dataset via `d3.csv`.

SSam Lite
94% match
Loading thumbnail…

Visualization Labels

This example displays global coronavirus deaths over time using a logarithmic y-axis to accommodate the wide range of values. A line chart shows the cumulative death count, with an interactive marker line identifying the most recent date. The visualization is built with React and D3 v6, using `scaleTime`, `scaleLog`, and `line` to generate the SVG path, while `axisBottom` and `axisLeft` render the axes. Data comes from the CSSEGISandData COVID-19 time-series CSV.

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

Coronavirus Visualization Labels

This visualization displays the global cumulative death toll from COVID-19 over time, using a logarithmic y-axis to accommodate the exponential growth pattern. The SVG line chart plots daily totals sourced from the Johns Hopkins CSSE COVID-19 dataset, with React managing component state and D3 v6 handling scales, axes, and the line generator. A vertical marker line labels the current date, while a horizontal reference line highlights the one-million-deaths threshold, with both annotations rendered as custom React components.

AAndre J Denais
93% match
Loading thumbnail…

Visualization labels

A line chart visualizes global cumulative COVID-19 deaths over time, using a logarithmic scale to accommodate the data's growth. The chart fetches data from the Johns Hopkins Coronavirus dataset via `d3.csv` and renders with React and D3 v5, using `scaleTime`, `scaleLog`, and `d3.line`. Axis components built with `d3.axisBottom` and `d3.axisLeft` include grid lines and custom tick formatting, while the SVG includes titles and axis labels.

YYedrup
93% match