Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Fork of bar chart with MARGIN and axes united nations data

Public visualization

Viewing a saved revision (read-only)

9f53f2f1b7314becbc0c722d1a5bd939

Fork of bar chart with MARGIN and axes united nations data

0 stars1🌍 Public
EEkuremaro
Last edited May 20, 2022
Created on May 20, 2022

This bar chart displays the top 10 countries by population from the United Nations 2019 dataset, with a horizontal layout that prioritizes country names on the y-axis. The React application loads CSV data using `d3.csv` and renders an SVG with `scaleBand` and `scaleLinear` for the axes. Margins are configured, and gridlines with tick labels are drawn using D3's scale methods. The bar lengths encode population values, while the chart includes a loading state message that reports data size in kilobytes.

AI-generated description

A bare minimum HTML page.

program that visualizes data from csv file I compiled