Skip to main content
100%

Fork of United Nations Bar Chart with SVG

✓ Published0🌍 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
MIT Licensed

Similar vizzes