🌍 Public
Viewing a saved revision (read-only)
9f53f2f1b7314becbc0c722d1a5bd939
Fork of bar chart with MARGIN and axes united nations data
EEkuremaro
Last edited May 20, 2022
Created on May 20, 2022
Forked from bar chart with MARGIN united nations data
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 descriptionA bare minimum HTML page.
program that visualizes data from csv file I compiled