Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

activity 6_Task 1

Public visualization

Viewing a saved revision (read-only)

7b88a3162ff3400fa980221d7a205c9d

activity 6_Task 1

0 stars1🌍 Public
AAnilreddyveeraiahgari@my.unt.edu
Last edited Apr 4, 2025
Created on Apr 4, 2025
Forked from Hello VizHub

This example displays a horizontal bar chart of population figures for 30 countries in 2020, with country names on the y-axis and population totals on the x-axis. The visualization uses React components to render SVG elements, with d3.scaleBand and d3.scaleLinear for positioning and scaling, and d3.csv to load the dataset from a raw GitHub URL. The bars are colored purple, axis ticks are styled in red and gray, and hover tooltips show formatted population values using d3.format.

AI-generated description

A demonstration of how to start using D3 version 6.