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)

2b2919c98fc145b38dc645df7d6c4610

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