Viewing a saved revision (read-only)
02315b9e605d4a3fba41c993235df4cf
Avtivity6_Task 1
This visualization presents a horizontal bar chart of population data for 30 countries, sourced from a CSV file loaded remotely via `d3.csv`. The chart orders the data from the original fetched set and renders each bar using React components, with `d3.scaleBand` and a linear scale positioning the bars and their lengths. Custom `AxisBottom` and `AxisLeft` components generate tick marks and labels, with the bottom axis formatting tick values. The chart is built with D3 v5 for data handling and scales while React handles the SVG rendering, demonstrating a hybrid approach where D3 provides utilities for data processing and scale calculations.
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.