Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

ICE-6 (Dhanusree Kodali)

Public visualization

Viewing a saved revision (read-only)

b89da67f6b2d44e9a6d0fb213c7262fe

ICE-6 (Dhanusree Kodali)

0 stars3🌍 Public
DDhanusree Kodali
Last edited Jun 29, 2022
Created on Jun 27, 2022
Forked from Stylized Bar Chart

This example visualizes the total number of COVID-19 cases reported in Asian countries, displaying the top 15 countries as a horizontal bar chart with a logarithmic-like linear scale. The visualization uses React and D3 v5, with D3’s `scaleBand` and `scaleLinear` for axes and bar positioning, and `csv` to load data from a GitHub-hosted CSV file. Bars are rendered as SVG `<rect>` elements within a React component, with axis ticks generated via D3’s `axisBottom` and `axisLeft` methods. The chart reads case counts in millions from United Nations World Population Prospects 2019 data.

AI-generated description

A program that shows the top 10 most populous countries as a bar chart.

Data: United Nations World Population Prospects 2019.