Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Fork of Activity-6_Question1.2

Public visualization

Viewing a saved revision (read-only)

0bbba122b5d847639888ce7c9816738f

Fork of Activity-6_Question1.2

0 stars0🌍 Public
Aabdul.khader2899@gmail.com
Last edited Apr 4, 2024
Created on Apr 4, 2024

This horizontal bar chart displays the population of the first 20 countries in 2010, with countries listed on the y-axis and population values on the x-axis. The visualization uses React with D3 v5 to load data from a CSV file, and renders the bars as SVG rectangles. The code uses d3.scaleBand for the y-axis, d3.scaleLinear for the x-axis, and a custom d3.format('.2s') to abbreviate population values, while tooltips show the exact formatted values.

AI-generated description

Creating bar graph using the vizHub to visualize the population for the first 20 countries in the year 2010