Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

tutorial 1

Public visualization

Viewing a saved revision (read-only)

5e3e775ef79e4051af5f22688a367008

tutorial 1

0 stars0🌍 Public
Rrahulsiddartha14@gmail.com
Last edited Apr 11, 2024
Created on Apr 11, 2024
Forked from Hello VizHub

This bar chart displays the population of countries in 2020, with countries listed along the vertical axis and population values extending horizontally. The visualization uses React to manage components and D3 v5 for scales and formatting, specifically `scaleBand` for the categorical country axis and `scaleLinear` for the population axis. SVG rectangles represent individual data bars, while custom `AxisBottom` and `AxisLeft` components built from D3 ticks render the axes. The chart includes a formatted axis label and tooltips via SVG `<title>` elements, with population values formatted using D3’s `format` function.

AI-generated description