Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

D3 bar

Public visualization

D3 bar

0 stars0🌍 Public
SSiddharthMittal07
Last edited Mar 8, 2022
Created on Feb 20, 2022
Forked from React Starter

This example displays a horizontal bar chart of the top ten countries by 2020 population from a UN dataset. The bars animate their width over one second using SVG's `<animate>` element. The visualization uses React to manage state and D3 v7 functions like `scaleLinear`, `scaleBand`, `max`, and `csv` to fetch and scale the data, rendering tick marks, labels, and bars as SVG elements.

AI-generated description

React Starter code.

Comments

Sign in to join the discussion.

MIT Licensed