Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Population Bar Vue

Public visualization

Viewing a saved revision (read-only)

d264c407853948f897b3c927d3af0b0b

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