Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Fork of Fork of Activity 6

Public visualization

Viewing a saved revision (read-only)

28f8a3ed3c9d451a8dce77fd3b5ec43f

Fork of Fork of Activity 6

0 stars1🌍 Public
KKritin Kesav
Last edited Apr 10, 2024
Created on Apr 10, 2024
Forked from Fork of Activity 6

This example shows a horizontal bar chart of populations for twenty countries in 2010, using a bar’s length to encode the population value for each country. The visualization is built with React and D3 v5, using `scaleBand` for the categorical y-axis and `scaleLinear` for the numeric x-axis. Custom React components (`AxisBottom`, `AxisLeft`, `Marks`) render SVG ticks and rectangles, with a tooltip showing the formatted population value on hover. Data is loaded as CSV with `d3.csv` from a GitHub repository and formatted using `d3.format`.

AI-generated description

A demonstration of how to start using D3 version 6.