Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Activity6-Question1.1

Public visualization

Viewing a saved revision (read-only)

20320d11e7df4bc5a64cc1e6dc9e41d3

Activity6-Question1.1

0 stars1🌍 Public
Mmeenam1106@gmail.com
Last edited Apr 4, 2024
Created on Apr 4, 2024
Forked from Activity6-Task1

This visualization displays the populations of ten countries for the year 2020 as horizontal bars, with a blue grid and green marks on an SVG. The React app loads CSV data via d3.csv, transforms the population values, and uses d3.scaleBand and d3.scaleLinear to position bars. Custom React components render the axes and marks, while d3.format with a '.2s' specifier converts tick labels to abbreviated units like "B" for billions.

AI-generated description

A demonstration of how to start using D3 version 6.