Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Activity6_Question 1.1

Public visualization

Viewing a saved revision (read-only)

b9a0b3fddf3c487a960dba21c1c60a06

Activity6_Question 1.1

0 stars0🌍 Public
UUday Vandanapu
Last edited Oct 23, 2024
Created on Oct 21, 2024

A horizontal bar chart visualizes the population of 10 countries in the year 2000, using gray bars sorted by country name. The chart loads data from a CSV file via the `csv` function from d3.v5, which is then parsed and sliced to the top ten entries. The bars are rendered as SVG `<rect>` elements generated through React components (`Marks`), with scales created using `scaleBand` and `scaleLinear`. Axes are drawn with custom React components using d3’s tick methods, and population values are formatted using d3’s `format` function.

AI-generated description

A demonstration of how to start using D3 version 6.