Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Activity6_task-1

Public visualization

Viewing a saved revision (read-only)

19e38ad2c5a14b109b66b4253e28e05a

Activity6_task-1

0 stars0🌍 Public
Aamulyareddykondru01@gmail.com
Last edited Oct 22, 2024
Created on Oct 22, 2024
Forked from Hello VizHub

This visualization displays the populations of 20 countries from a CSV dataset, using a horizontal bar chart rendered as SVG elements within a React application. The chart employs D3 v5 scales to map country names to the y-axis and population values to the x-axis. Population data is loaded asynchronously via `csv()` and formatted with `format('.2s')` for abbreviated tick labels. The axis components and colored rectangles are built from D3 scale outputs using JSX, with tooltips provided by SVG `<title>` elements.

AI-generated description

A demonstration of how to start using D3 version 6.