🌍 Public
Viewing a saved revision (read-only)
e1b0a52ea5dd4fc2aa20ba8adc7d8151
Activity_6_task1.1
This example shows a horizontal bar chart comparing population figures for ten countries in the year 2000, with country names on the y-axis and population values on the x-axis. The visualization uses D3 v5 for data processing, scales, and axis generation, while React manages the component structure and SVG rendering. Population data is loaded from an external CSV file via the `csv` function and formatted using the `format` API. The chart employs `scaleBand` and `scaleLinear` to map the data, with tooltips provided through SVG `<title>` elements.
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.