Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

activity6q1(2)

Public visualization

Viewing a saved revision (read-only)

af31c2570e6a40c1a7e2bd9874783353

activity6q1(2)

0 stars1🌍 Public
Ssaitejakaranam10@gmail.com
Last edited Apr 6, 2024
Created on Apr 6, 2024
Forked from activity6q1

This visualization displays population figures for 20 countries in 2010 as horizontal bars. The chart uses React with D3 v5's `scaleBand` and `scaleLinear` to map countries to vertical bands and population values to bar widths. Rendered as SVG, the code imports data from a GitHub-hosted CSV file and applies D3's `format` function to abbreviate axis tick labels. Blue axis lines, green bars, and a Poppins typeface style the visualization. Native SVG `<title>` elements provide tooltips showing the formatted population value for each bar.

AI-generated description

A demonstration of how to start using D3 version 6.