Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Assignment2

Public visualization

Viewing a saved revision (read-only)

b54c5cede2604a78bc2494b566063cd0

Assignment2

0 stars0🌍 Public
HHemanthh81
Last edited Jul 21, 2023
Created on Jul 21, 2023
Forked from Activity 7

This interactive bar chart displays the population of the top 20 countries in 2020, using horizontal bars sorted by country name. Built with React and D3 v5, it renders SVG elements through custom components like AxisBottom, AxisLeft, and Marks, which map data to bar widths via d3.scaleLinear and d3.scaleBand. Population values are formatted with d3.format, and CSV data is loaded asynchronously using d3.csv, with a tooltip showing the formatted population figure.

AI-generated description

A demonstration of how to start using D3 version 6.