Activity7
✓ Published0🌍 Public
This example displays the top 30 countries by population from a CSV dataset, rendering each country’s 2020 population as a numeric value. It loads D3 v5 via UNPKG and uses the `csv` function to fetch and parse the remote data, converting population values to numbers. The React-based `useData` hook manages asynchronous data loading with `useState` and `useEffect`, while `d3.select` updates a message div with a greeting. The visualization demonstrates ES6 module imports and simple DOM manipulation through D3.
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.
MIT Licensed