🌍 Public
Viewing a saved revision (read-only)
c4fb249af6df45f4ad9eb3de1324cea8
Activity 7 Tutorial 2
This visualization shows population growth over time for the first five countries in a CSV dataset, displaying semi-transparent overlapping area charts for each country. The code loads data via `d3.csv`, parses population values across nine census years, and uses `d3.scalePoint` for the x-axis and `d3.scaleLinear` for the y-axis. It generates areas with `d3.area()`, colors them via `d3.schemeCategory10`, and renders with SVG paths, axes, and text labels. The chart includes a title, axis labels, and country labels positioned near each area’s final value.
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