Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Activity8_task_sahith

Public visualization

Viewing a saved revision (read-only)

a99fe8d5fee64bd49a83177468f3ea98

Activity8_task_sahith

0 stars1🌍 Public
Mmanisahiths54321@gmail.com
Last edited Apr 10, 2024
Created on Apr 10, 2024
Forked from Activity 7

This bar chart displays population figures for 30 countries in 2020, using a horizontal layout where each bar represents a country and its length encodes population size. Built with React and D3 v5, the visualization uses `scaleBand` for the categorical y-axis, `scaleLinear` for the quantitative x-axis, and SVG `rect` elements for the bars. Data is loaded from a remote CSV file via D3’s `csv` function, with population values converted from strings to numbers. Custom axis components render tick marks and labels, and tooltips show the formatted population value on hover.

AI-generated description

A demonstration of how to start using D3 version 6.