Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Task8Q1DV

Public visualization

Viewing a saved revision (read-only)

795b082169f84c0ebc06efc46e38d1dd

Task8Q1DV

0 stars0🌍 Public
Rreddyswethuvahana@gmail.com
Last edited Apr 11, 2024
Created on Apr 11, 2024
Forked from Activity 7

A horizontal bar chart displays the population of ten countries in the year 2000, with the y-axis ordered by country name. Bars are rendered as green SVG rectangles, their lengths proportional to population values read from an external CSV file. The chart uses React to build the SVG structure with D3 v5’s `scaleBand` for categorical y-axes and `scaleLinear` for the quantitative x-axis, formatted with `format('.2s')` to abbreviate large numbers. Hovering over a bar reveals its exact value via a native `<title>` tooltip, and axes are styled with blue tick lines and gray labels.

AI-generated description

A demonstration of how to start using D3 version 6.