Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Activity6_Task1

Public visualization

Viewing a saved revision (read-only)

ef69f1d0e47348668837d0537ce26ccf

Activity6_Task1

0 stars1🌍 Public
VVENKATESWAR RAO CHINTA
Last edited Oct 22, 2024
Created on Oct 22, 2024
Forked from Activity 7

This example displays a horizontal bar chart of the top 30 countries by 2020 population, with bars colored light green and ranged along a linear population scale. The React-based visualization uses D3 v5 utilities including `scaleBand`, `scaleLinear`, `max`, and `format`, importing CSV data from a GitHub repository. Axis components render tick lines and labels through custom JSX, while SVG rectangles in the Marks component include native tooltips via `<title>` elements, with population values formatted in billions.

AI-generated description

A demonstration of how to start using D3 version 6.