Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Activity 7_Task1

Public visualization

Viewing a saved revision (read-only)

2376f32066de4375abb48459e16293c3

Activity 7_Task1

0 stars1🌍 Public
HHarshita Vairagade
Last edited Apr 13, 2024
Created on Apr 13, 2024
Forked from Activity 7

This bar chart displays the 2020 population estimates for 30 countries, using a horizontal layout with country names on the y-axis and population values on the x-axis. The visualization is built with React, rendering SVG elements through D3 v5 scales and components. It uses `scaleBand` for the categorical y-axis, `scaleLinear` for the numeric x-axis, and formats tick labels with D3’s `format` function. Data is loaded asynchronously via `d3.csv` from a GitHub repository, and each bar includes a tooltip showing the precise population value.

AI-generated description

A demonstration of how to start using D3 version 6.