Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

activity6_task1

Public visualization

Viewing a saved revision (read-only)

821889937d5c434f9102bf75ef590fec

activity6_task1

0 stars0🌍 Public
Ssiri2001j@gmail.com
Last edited Apr 15, 2024
Created on Apr 14, 2024
Forked from Hello VizHub

This interactive visualization presents a horizontal bar chart ranking the top 10 countries by population in the year 2000. Built with React and D3 v5, the chart uses SVG rectangles with scales created via `scaleBand` and `scaleLinear`, and displays axis ticks generated by custom components. Population values are formatted with D3’s `format` function, converting large numbers to abbreviated labels like “B” for billions. The data is loaded asynchronously from a CSV file using D3’s `csv` parser, and tooltips show the formatted population value on hover.

AI-generated description

A demonstration of how to start using D3 version 6.