Skip to main content
SimilarExport ZIP
100%

Bar graph of covid deaths

✓ Published3🌍 Public
Mmanasishrotri
Last edited Nov 3, 2020
Created on Nov 3, 2020

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.

AI-generated description

A scatter plot of The COVID MAY Dataset.

MIT Licensed

Similar vizzes

Loading thumbnail…

Bar graph of covid deaths

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.

Mmanasishrotri
94% match
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
93% 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
84% match
Loading thumbnail…

Covid-19 total number of death in each Country

This bar chart displays the total number of COVID-19 deaths for each country, using bars whose height encodes the count and whose color distinguishes locations. The visualization aggregates the data by counting records for each country, then plots those sums against a categorical x-axis. Built with Vega-Lite and the d3 library, it pulls data from a CSV file provided by a GitHub gist, with tooltips showing the location and exact death total for each bar. The chart is rendered dynamically, filling the entire browser window.

JJorge Emilio Zapata Godoy
83% 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…

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…

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