Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Stylized_bar_chart

Public visualization

Viewing a saved revision (read-only)

a96b05e85bca4d79bd0715845f612bc4

Stylized_bar_chart

0 stars1🌍 Public
Ssagar limbu
Last edited Aug 25, 2022
Created on Jun 2, 2022

This stylized bar chart displays the population of the top 10 countries from the UN Population 2019 dataset. Orange rectangles, generated through React components, map each country’s population using d3.scaleBand and d3.scaleLinear. The SVG visualization includes labeled axes with tick formatting via d3.format, while CSS styles green tick text and an orange fill. Data is loaded asynchronously with d3.csv and React hooks, with hover tooltips providing formatted population values.

AI-generated description

// Creating individual MODULES for each functions // calling functions