Skip to main content
๐ŸŒ Public

Share visualization

Send this visualization to others.

Fork of Activity_6_tut-1

Public visualization

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.

Comments

Sign in to join the discussion.

MIT Licensed