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)

eb11ec330e8241cf829f8e72d49ac168

Barchart v3 w/ React & D3

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

This bar chart displays the populations of ten countries from the 2019 UN Population dataset, using horizontal bars on a linear scale. The visualization is built with React components for rendering SVG elements and D3 v5 for data loading and scales. D3’s `scaleBand` positions the categorical country labels, `scaleLinear` maps population values to bar widths, and `format` converts tick labels into abbreviated units like “B” for billions. Axes are rendered as separate React components, with styling handled through CSS classes.

AI-generated description