Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

activity 6_Task 1

Public visualization

Viewing a saved revision (read-only)

7abbcbf856804dc7a6f61e51d3ca29b4

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 demonstration of how to start using D3 version 6.