Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

activity 6_Task 1

Public visualization

Viewing a saved revision (read-only)

50e53c87a02a4103b84d52d7c37fb1ad

activity 6_Task 1

0 stars0🌍 Public
Jjaswanthreddy2715@gmail.com
Last edited Oct 19, 2024
Created on Oct 19, 2024
Forked from activity 6_Task 1

This horizontal bar chart displays the population of 20 countries in 2010, ordered by country name along the y-axis and population magnitude along the x-axis. Built with React and D3 v5, it uses `d3.scaleBand`, `d3.scaleLinear`, and `d3.max` to map the data from a remote CSV file, while `d3.format` converts tick labels to abbreviated "B" for billions. The SVG rendering includes custom axis components and rectangle marks with tooltips showing each value, styled with green fills and blue tick lines.

AI-generated description

A bar chart it displays the population of 20 countries in 2010