Visualization Labels

100%

Visualization Labels

✓ Published1🌍 Public

Last edited Oct 26, 2024

Created on Oct 25, 2023

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.

AI-generated description

A program that depicts global coronavirus deaths as a line chart.

NOTE: Data taken from Johns Hopkins Whiting School of Engineering, as of October 23rd, this data was last updated March 2023 - data has been archived.

See data.

See my profile.

MIT Licensed

Similar vizzes

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

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

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

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

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

95% match

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

This chart displays cumulative global COVID-19 deaths over time from the Johns Hopkins dataset, using a logarithmic y-axis to accommodate the wide range of values. Lines and text labels mark significant milestones like the 1M death threshold. Built with React and D3 v6, it uses `scaleTime`, `scaleLog`, and `line` generators to render an SVG path, with custom `XAxis` and `YAxis` components that call `axisBottom` and `axisLeft` to draw grid lines and tick labels.

WWolfgang

95% match

Loading thumbnail…

Visualization Labels

This example visualizes global cumulative COVID-19 deaths over time using a line chart. The chart displays a logarithmic y-axis and a time-scaled x-axis, with all data aggregated from the Johns Hopkins Coronavirus Dataset, which the code loads and parses via `d3.csv`. The visualization is rendered as an SVG using React components, with axes and gridlines generated by `d3.axisBottom` and `d3.axisLeft`. The line path is drawn using `d3.line` with `scaleTime` and `scaleLog` mappings, and the chart includes descriptive labels for both axes and the title.

KKtuzinowski

95% match