Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Fork of Activity_6_tut-1

Public visualization

Viewing a saved revision (read-only)

fc0b1594507f47f098963e4bf9022c3a

Fork of Activity_6_tut-1

0 stars0🌍 Public
Ssairam.amaraneni22@gmail.com
Last edited Apr 10, 2024
Created on Apr 10, 2024
Forked from Activity_6_tut-1

This example shows a horizontal bar chart comparing the population of thirty countries in 2020, with each bar representing a country and its length scaled by population. The chart uses React components to render SVG elements, with d3.v5 providing the scaleBand and scaleLinear functions to map country names and population values to pixel coordinates. The axis components generate tick marks and labels, while the Marks component draws the bars with native SVG <rect> elements. Data is loaded asynchronously from a CSV file using d3.csv and formatted with d3.format.

AI-generated description

A demonstration of how to start using D3 version 6.