Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Activity-6 Task_1 poorna

Public visualization

Activity-6 Task_1 poorna

0 stars0🌍 Public
Ppoornachander510@gmail.com
Last edited Oct 25, 2024
Created on Oct 25, 2024
Forked from Activity 6_Task 1

This example displays a horizontal bar chart ranking the populations of 30 countries for the year 2020. The visualization uses React with D3 version 5 to render SVG elements, employing a linear scale for the population axis and a band scale for the categorical country axis. Data is loaded from a remote CSV file using d3.csv, with population values converted from thousands. The bars are colored green, and hovering reveals the population value in a tooltip. Axis ticks and labels are generated programmatically, with bottom axis values formatted using d3's format function to abbreviate large numbers (e.g., converting G to B).

AI-generated description

A demonstration of how to start using D3 version 6.

Comments

Sign in to join the discussion.

MIT Licensed