Skip to main content
SimilarExport ZIP
100%

gw

✓ Published0🌍 Public
Sserjunfan
Last edited Apr 26, 2021
Created on Mar 13, 2021
Forked from HTML Starter

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.

AI-generated description

A bare minimum HTML page demonstrating use of CSS and JavaScript.

See also React Starter.

MIT Licensed

Similar vizzes

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

Fork of ICE-6

This visualization displays a horizontal bar chart of the top 10 countries with the highest COVID-19 death counts, with country names on the y-axis and death totals on the x-axis. The chart uses React for component structure and D3 v5 modules including `scaleLinear`, `scaleBand`, and `csv` for data loading, rendering as SVG rectangles. Data is sourced from a public CSV file fetched asynchronously, and the bars are styled with a uniform purple fill against a dashed-border title.

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

Fork of 3D chart

This visualization presents a 3D bar chart of the top 10 countries with the highest COVID-19 death counts, rendered using the d3-x3d library, which leverages the x3dom framework for WebGL-based 3D graphics. The chart displays each country as a vertical bar, with height representing death numbers, populated from a CSV dataset loaded via d3.csv. The code explicitly uses `d3.x3d.chart.barChartMultiSeries()` to generate the 3D scene, combining D3 v5 for data handling and CSS for page styling.

Vvegurusaiprathyusha
84% 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
82% match
Loading thumbnail…

ICE -6 Bar Chart

This bar chart displays the total COVID-19 deaths for the top ten countries, sorted in descending order and colored with D3’s `schemeCategory10` palette. It uses an SVG rendered via D3 v7’s `scaleBand` for the x-axis and `scaleLinear` for the y-axis, with axes added by `d3.axisBottom` and `d3.axisLeft`. A manual legend maps each country’s name to its colored rectangle. The data is loaded from a CSV file using `d3.csv`.

MM Hema
82% match
Loading thumbnail…

Deaths

This bar chart displays the top 10 most populous countries, using horizontal bars to compare 2020 population estimates from the United Nations World Population Prospects 2019. Each bar’s length encodes population with a linear scale, while country names appear on a band scale. Built with React and D3 v5, it renders SVG rectangles via the `Marks` component, with axes from `AxisBottom` and `AxisLeft`, and formats tick labels using D3’s `format` function. Data is loaded asynchronously with `d3.csv` and truncated to the first ten rows.

NNikith Reddy
82% match
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
82% match