Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

activity6_Task1

Public visualization

Viewing a saved revision (read-only)

8d129678a936402f8b7077e0349e813e

activity6_Task1

0 stars1🌍 Public
Rramyaraomadhavareddy@gmail.com
Last edited Oct 22, 2024
Created on Oct 22, 2024
Forked from Activity 7

A horizontal bar chart displays the top 30 countries by 2020 population, with each bar’s length proportional to population and country names on the y-axis. The visualization uses React with D3 v5 to load CSV data via `d3.csv`, scale the values with `scaleLinear` and `scaleBand`, and render SVG rectangles through the `Marks` component. Axes are drawn with `AxisBottom` and `AxisLeft`, while tick labels are formatted using `d3.format` to abbreviate large numbers (e.g., “B” for billions). The chart's styling includes light green bars and blue axis lines.

AI-generated description

A demonstration of how to start using D3 version 6.