🌍 Public
Viewing a saved revision (read-only)
03b21c873b124e42a2cad2b8abc5f92c
tutorial 1
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 descriptionAn example showing the capabilities of VizHub:
- Loads D3 via UNPKG.
- Demonstrates use of
importfrom"d3". - Demonstrates use of
importfrom local ES6 modules.