Bar graph of covid deaths

100%

Bar graph of covid deaths

✓ Published1🌍 Public

Last edited Nov 3, 2020

Created on Nov 3, 2020

This bar chart tracks daily COVID-19 deaths across ten countries throughout May 2020. A slider allows viewers to select a specific day of the month, updating the bar lengths to show new deaths reported that day. The visualization uses React with D3 v5’s `scaleBand` and `scaleLinear`, rendering SVG rectangles via the `Marks` component. Data comes from the COVID May Dataset, filtered by country and month day, with hover tooltips displaying country names and death counts.

AI-generated description

A scatter plot of The COVID MAY Dataset.

MIT Licensed

Similar vizzes

Loading thumbnail…

Bar graph of covid deaths

A bar chart displays COVID-19 deaths across selected countries for each day of May, with a slider to change the date. It uses D3 v5 scales (`scaleBand`, `scaleLinear`) with React for rendering SVG rectangles. Data comes from a CSV of COVID-19 statistics, filtered by location and day. The chart sorts countries by death count and uses native SVG `<title>` elements for hover tooltips.

Mmanasishrotri

96% match

Loading thumbnail…

Bar graph of covid deaths

A horizontal bar chart visualizes COVID-19’s new deaths on May 31 for ten selected countries, using a green fill for each bar and sorting the locations by death count. The visualization is built with React and D3 v5, employing `scaleBand` for the categorical y-axis and `scaleLinear` for the x-axis, with SVG rendering. Tooltips, created via the `<title>` element, display the country name and total cases, while the data is sourced from the COVID MAY Dataset on GitHub.

Mmanasishrotri

94% match

Loading thumbnail…

Covid 19 Deaths Date Histogram

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.

RRMartins11

84% match

Loading thumbnail…

gw

This visualization shows the top 10 countries by cumulative COVID-19 deaths, using horizontal bars scaled by total deaths. It renders an SVG bar chart with d3.scaleLinear for the x-axis and d3.scaleBand for the y-axis, styled with custom CSS. The data comes from a CSV file sourced from Worldometers, and the chart includes a formatted x-axis with d3.format and labels for the chart title and axis. The code uses D3 v6 within a React framework.

Sserjunfan

82% match

Loading thumbnail…

Top 10 Covid 19 Deaths

This bar chart displays the top 10 countries by COVID-19 deaths, with each bar’s length proportional to the death count from the included CSV data. The visualization uses D3 v5’s `scaleLinear` for the x-axis, `scaleBand` for the y-axis, and renders as SVG with `axisLeft` and `axisBottom` helper axes. The chart is composed of steel-blue rectangles positioned via the band scale, while margin-based spacing and explicit axis transforms structure the layout.

Ooabundes

82% match

Loading thumbnail…

DV ICE-6 Bar Graph

This bar graph shows the top five countries by total COVID-19 deaths, using a horizontal layout with a red gridline and a labeled population axis. The React app fetches comma-separated data from a GitHub gist using d3.csv, then renders an SVG via d3.scaleBand for the y-axis, d3.scaleLinear for the x-axis, and d3.max for domain calculation, with d3.axisBottom and d3.axisLeft formatting ticks.

Yyamunaunt

82% match

Loading thumbnail…

rakshitharao27

This horizontal bar chart displays the number of deaths in 2019 for the top 12 countries, with each bar's length representing the death count. The chart uses a React component that loads data from a CSV file via the `d3.csv` function. It employs `d3.scaleBand` for the categorical y-axis and `d3.scaleLinear` for the numerical x-axis. The visualization renders as an SVG with axes and bars constructed using React primitives, styled with simple CSS.

RRakshithaRao27

82% match

Loading thumbnail…

TEST

Daily COVID-19 deaths by country are plotted over time on a logarithmic y-axis, with each country shown as a line. Hovering over the chart highlights the nearest line and displays a tooltip with the country, death total, and date, using a Voronoi overlay built with `d3.Delaunay`. The data comes from the Johns Hopkins Coronavirus Dataset and is smoothed with a repeated averaging blur. The React-based visualization uses D3 scales, axes, and line generators, rendering to SVG.

Zzhangwbhi

81% match