Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Refactor Bar Chart

Public visualization

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.

Comments

Sign in to join the discussion.

MIT Licensed