Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Data visualization

Public visualization

Data visualization

0 stars0🌍 Public
Ggangireddyarunkumar5@gmail.com
Last edited Oct 20, 2024
Created on Oct 20, 2024
Forked from Activity 7

This example shows a horizontal bar chart ranking the top 20 countries by population in 2020 (sourced from a CSV file), with a green bar for each country and blue tick lines on the axes. Built with React and D3 v5, it uses `scaleBand` for the categorical y-axis, `scaleLinear` for the numeric x-axis, and the `format` API to abbreviate population values (e.g., "1.2B"). SVG rectangles are rendered via the `Marks` component, with tooltips provided by SVG `<title>` elements.

AI-generated description

A demonstration of how to start using D3 version 6.

Comments

Sign in to join the discussion.

MIT Licensed