Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Fork of Activity_8 Question__1

Public visualization

Viewing a saved revision (read-only)

962d0b65868b47e6b1899be2a4202507

Fork of Activity_8 Question__1

0 stars1🌍 Public
Nneeleshalapati@gmail.com
Last edited Apr 10, 2024
Created on Apr 10, 2024
Forked from Activity_8 Task_1

A horizontal bar chart displays the population of the top 10 countries in the year 2000, using a d3.scaleBand for the y-axis and d3.scaleLinear for the x-axis. The React app loads CSV data from a GitHub repository via d3.csv, then renders SVG rectangles through the Marks component, with axes built by AxisBottom and AxisLeft. Populated bar values appear as native tooltips using SVG title elements, while the x-axis labels are formatted with d3.format to abbreviate numbers (e.g., "B" for billions).

AI-generated description

A demonstration of how to start using D3 version 6.