Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

ACTIVITY 6_Task 1

Public visualization

Viewing a saved revision (read-only)

015bd35d4e254c76bdfe471ee9093ced

ACTIVITY 6_Task 1

0 stars0🌍 Public
PPavanKumarRacharla@my.unt.edu
Last edited Apr 5, 2024
Created on Apr 5, 2024
Forked from Activity 7

This horizontal bar chart displays the top 30 countries by population in 2020, ranked along the y-axis with bar lengths representing the population values. The visualization is built with D3 v5 and React, using SVG rendering. The `scaleBand` and `scaleLinear` functions map the categorical country names and numeric population values, while custom `AxisBottom`, `AxisLeft`, and `Marks` components handle ticks and rectangular bars. Data is loaded asynchronously from a remote CSV file via D3’s `csv` function, with population values formatted using the `format` utility.

AI-generated description

A demonstration of how to start using D3 version 6.