Visualization Labels

100%

Visualization Labels

✓ Published1🌍 Public

Last edited Apr 5, 2021

Created on Apr 5, 2021

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.

AI-generated description

Coronavirus Line Chart

MIT Licensed

Similar vizzes

Loading thumbnail…

Visualization Labels

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.

KKevin McMorrow

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

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

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

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

This visualization displays global COVID-19 death totals over time as a line chart, using a logarithmic y-axis to accommodate the wide range of values. Built with React and D3 v7, it renders SVG elements including an axis with gridlines and a labeled path. The chart includes descriptive text labels for the title, x-axis, and y-axis, with data sourced from the CSSE COVID-19 time series dataset. The code uses D3’s `scaleTime`, `scaleLog`, `line`, and `axisBottom`/`axisLeft` APIs to construct the visualization.

BBen Brophy

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

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

93% match