Skip to main content
SimilarExport ZIP
100%

Covid 19 Deaths Date Histogram

✓ Published0🌍 Public
RRMartins11
Last edited May 13, 2021
Created on May 13, 2021

This example shows a histogram of COVID-19 deaths over time, with bars representing monthly total deaths globally. The visualization uses React to render SVG elements, with d3.scaleTime and d3.bin for time-based binning, d3.sum to aggregate death totals, and custom React components for axes and marks. Data comes from the CSSE COVID-19 time series dataset, parsed with d3.csv and d3.timeParse. The chart displays a yellow background circle and styled axis labels, with tooltips showing exact death counts via SVG title elements.

AI-generated description

A scatter plot of Data Canvas Sense Your City Dataset

MIT Licensed

Similar vizzes

Loading thumbnail…

Corona Virus Deaths Over Time By Country (React + D3 Axis)

This chart displays cumulative COVID-19 death counts over time for multiple countries, using a log-scaled y-axis to handle the wide range of values. Each country’s timeseries is rendered as an SVG path generated with d3.line, while d3.scaleTime and d3.scaleLog define the axes. React components wrap the D3 axis generators (axisBottom, axisLeft) to create the gridlines and labels. Data comes from the CSSEGISandData COVID-19 global time series CSV, loaded via d3.csv and transformed with d3.timeParse.

KKazushige Okuma
85% 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
85% match
Loading thumbnail…

Covid Global Deaths Line Chart

This chart displays cumulative global COVID-19 deaths over time as a single black line, with green marker lines highlighting both the current date ("Now") and a death total of 2.5 million. The React component uses d3.scaleTime and d3.scaleLinear to map dates and death counts to SVG coordinates, while d3.line generates the path. Axes are rendered via d3.axisBottom, and data comes from a global CSV time-series file aggregated by summing country values.

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

Covid Deaths by Country Over Time

This visualization displays the global total of COVID-19 deaths over time as a single blue line chart. Built with React and D3 v6, it aggregates daily death counts from the CSSE COVID-19 time series dataset. The chart uses d3.scaleTime for the x-axis, d3.scaleLinear for the y-axis, and d3.line to generate the SVG path. Proper axes with gridlines are rendered using d3.axisBottom and d3.axisLeft, providing a clear view of the pandemic’s mortality trend.

PPadoSensei
85% 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
84% 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
84% match
Loading thumbnail…

Visualization Labels

This visualization shows the global cumulative death toll from COVID-19 over time as a single thick black line. The chart uses a logarithmic y-axis scale to accommodate the exponential growth of deaths, with a time-scaled x-axis. Built with React and D3 v5, it loads data from a CSV file hosted on GitHub and renders as an SVG. The line is generated using the `d3.line` path generator, while `d3.scaleTime` and `d3.scaleLog` handle the axes. Axis components use `d3.axisBottom` and `d3.axisLeft` with grid lines, and title and axis labels appear via SVG text elements.

RRMartins11
84% match