Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Barchart v3 w/ React & D3

Public visualization

Viewing a saved revision (read-only)

83a20380f0504427bd183993caa49377

Barchart v3 w/ React & D3

0 stars1🌍 Public
SSophia Cofone
Last edited Jun 29, 2022
Created on May 20, 2022

This bar chart displays the top ten countries by 2020 population using a horizontal layout. Built with React and D3 v5, the visualization uses SVG for rendering and scales from `d3.scaleBand` and `d3.scaleLinear` to position bars and axes. Data is loaded asynchronously from a CSV file via `d3.csv` in a custom `useData` hook. Custom React components handle the axes and marks, with the y-axis showing country names and the x-axis representing population values.

AI-generated description