Skip to main content
๐ŸŒ Public

Share visualization

Send this visualization to others.

Population Bar Vue

Public visualization

Population Bar Vue

0 stars1๐ŸŒ Public
PPaulDFPV
Last edited Dec 28, 2021
Created on Dec 9, 2021
Forked from CSV Vue

This visualization displays the top 10 most populous countries in 2020 as horizontal bar charts, with population values formatted in billions and a crosshair line that follows the mouse. Built with Vue 2 and D3 v7, it uses `d3.csv` to load UN population data, `scaleBand` for the y-axis country categories, and `scaleLinear` for the x-axis population range. The SVG renders bars, tick marks, and axis labels, with a vertical line positioned via the `mousemove` event.

AI-generated description

Comments

Sign in to join the discussion.

MIT Licensed