Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Activity-7

Public visualization

Activity-7

0 stars0🌍 Public
Ssanavenkatasurendrareddy@gmail.com
Last edited Apr 8, 2024
Created on Apr 8, 2024
Forked from Activity 7

This visualization displays a horizontal bar chart ranking the top 30 countries by 2020 population, using a React component that renders SVG elements. The chart maps country names to the y-axis with a band scale and population values to the x-axis with a linear scale, formatting tick labels in billions using d3.format. Data is loaded asynchronously from a remote CSV via d3.csv, and the bars are drawn as rect elements with native SVG tooltips showing formatted population values. The example demonstrates integrating React with D3 v5 scales and axis components.

AI-generated description

A demonstration of how to start using D3 version 6.

Comments

Sign in to join the discussion.

MIT Licensed