Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Refactor Bar Chart

Public visualization

Viewing a saved revision (read-only)

4086ab4f63ba408fad6b7db15a677b01

Refactor Bar Chart

0 stars1🌍 Public
Ttharuta
Last edited Aug 3, 2021
Created on Aug 3, 2021

Using React hooks and D3 v5, this visualization displays the top 10 countries by 2020 population as a horizontal bar chart. The SVG rendering uses `scaleBand` for the categorical y-axis, `scaleLinear` for the numeric x-axis, and custom React components (`AxisBottom`, `AxisLeft`, `Marks`) that call D3-axis ticks and scale methods. Data is loaded from a CSV via the `csv` promise API in `useData.js`.

AI-generated description

Smiley face implementation with React.