Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

activity6_task 1

Public visualization

Viewing a saved revision (read-only)

213759d12096498fb83144a0f927f8a8

activity6_task 1

0 stars0🌍 Public
Nnumitha
Last edited Apr 5, 2024
Created on Apr 4, 2024
Forked from Activity6

This example shows a horizontal bar chart of 2020 population figures for 30 countries, with a green mark for each bar and blue tick lines on the axes. The React-based application loads CSV data via d3.csv, scales it with d3.scaleBand and d3.scaleLinear, and formats tick labels using d3.format. The SVG rendering uses reusable components for the axes and marks, with tooltips provided by SVG title elements. Population values are converted from raw numbers by multiplying by 1,000.

AI-generated description

A demonstration of how to start using D3 version 6.