Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Fork of United Nations Bar Chart with SVG

Public visualization

Viewing a saved revision (read-only)

8da709af8a2f470fa5fd99fa84fa60b6

Fork of United Nations Bar Chart with SVG

0 stars0🌍 Public
JJyothicherukuri
Last edited Mar 6, 2022
Created on Mar 6, 2022

This example displays a horizontal bar chart of the top 10 most populous countries in 2019 from the United Nations population dataset. It uses React to manage state and render the SVG, while D3 v7’s `scaleBand` and `scaleLinear` position the bars and axis ticks. Flag images from an external SVG collection are placed at the end of each bar, using the group’s bandwidth to set the flag height and width, with a grey stroke rectangle framing each flag.

AI-generated description