Covid-19 with Axis and labels

100%

Covid-19 with Axis and labels

✓ Published0🌍 Public

Last edited Oct 7, 2023

Created on Oct 6, 2023

This interactive line chart visualizes global COVID-19 cumulative deaths over time, with each country represented by a gray line. Hovering over a point highlights the corresponding country’s full trajectory and displays a tooltip with the country name, death count, and date. The visualization uses React for state management, d3.scaleLog and d3.scaleTime for axes, d3.line for path generation, and d3.Delaunay-based Voronoi overlay for hover detection. Data comes from the CSSE COVID-19 time series CSV, rendered as SVG with custom axis labels and tick marks.

AI-generated description

A program that loads and parses some CSV data: CSS Named Colors.

Similar vizzes

Loading thumbnail…

Coronavirus with Labels

This line chart shows cumulative COVID-19 deaths over time for multiple countries, using a logarithmic y-axis to accommodate the wide range of values. A Voronoi overlay, built with `d3.Delaunay`, enables mouse interaction, highlighting the nearest data point and displaying a tooltip with the country name, death count, and date. The chart uses `scaleTime` and `scaleLog` from d3.v6 within a React framework, rendering as SVG. Data comes from the CSSEGISandData COVID-19 GitHub repository.

AAndre J Denais

89% match

Loading thumbnail…

Axis labels Coronavirus data

This example shows the global cumulative death toll from the COVID-19 pandemic as a time series line chart, with a logarithmic y-axis to accommodate the data’s wide range. The visualization uses React components to render an SVG, with D3’s `scaleTime` and `scaleLog` for scaling, and `axisBottom` and `axisLeft` for grid lines and tick marks. Custom axis titles are positioned manually via SVG transforms. Data comes from the CSSEGISandData COVID-19 time series CSV, aggregated by summing daily death totals across all countries.

BBlake McCarty

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

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

89% match

Loading thumbnail…

Visualization Labels

This example displays the global cumulative death toll from COVID-19 over time as a single black line on a log-scaled y-axis, with labeled axes and a title. The chart uses React to render an SVG and relies on `d3.scaleTime`, `d3.scaleLog`, and `d3.line` for data mapping and path generation, while `d3.axisBottom` and `d3.axisLeft` create the gridlines. Data comes from the JHU CSSE COVID-19 time-series CSV, aggregated daily across all countries, with deaths counted from the start of the outbreak.

NNikita Toropov

89% match

Loading thumbnail…

Line Chart With Voronoi Overlay With Labels

This chart displays cumulative COVID-19 deaths over time for multiple countries, using a line chart where hovering over any point highlights the corresponding country's entire trajectory and displays a tooltip with the country name, death count, and date. The implementation uses React with D3 v7 scales, line generators, and axes, while a Voronoi overlay built with `d3.Delaunay` captures mouse events across the entire plot area for precise hover detection. Data comes from the CSSEGISandData COVID-19 time series dataset, with the active line emphasized in black and labeled via SVG text elements.

OOleg Zhernovoy

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

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

89% match