Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

tutorial 1 Bhavani

Public visualization

Viewing a saved revision (read-only)

3e1b55f77b0b49a4bfdd333e7a027733

tutorial 1 Bhavani

0 stars0🌍 Public
Bbhavanimandula@my.unt.edu
Last edited Apr 11, 2024
Created on Apr 11, 2024
Forked from Activity-6

This visualization displays the populations of 30 countries for 2020 as a horizontal bar chart, with each bar’s length proportional to its population value. Built with React and D3 v5, the app uses `d3.scaleBand` for the categorical y-axis, `d3.scaleLinear` for the continuous x-axis, and custom React components (`AxisBottom`, `AxisLeft`, `Marks`) to render SVG rectangles. The data is loaded from a remote CSV via `d3.csv` and formatted with `d3.format` for tick labels.

AI-generated description

A demonstration of how to start using D3 version 6.