🌍 Public
Viewing a saved revision (read-only)
4e3ad0c69f574451a1f737e7e1a44fdd
Activity6_data_vis
This example displays the populations of 30 countries for 2020 as a horizontal bar chart, with countries ordered along the y-axis and population values plotted along a linear x-axis. The visualization uses React to render SVG elements, with D3 v5 scales (scaleBand and scaleLinear) computing positions, while custom AxisBottom and AxisLeft components generate the tick marks and labels. Population values are formatted using D3's format function and the data is loaded from a remote CSV file via d3.csv.
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.