Skip to main content
100%

Activity7

✓ Published0🌍 Public
Bbrahmateja.edu2023@gmail.com
Last edited Apr 10, 2024
Created on Apr 10, 2024
Forked from Activity6

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 description

An example showing the capabilities of VizHub:

  • Loads D3 via UNPKG.
  • Demonstrates use of import from "d3".
  • Demonstrates use of import from local ES6 modules.
MIT Licensed

Similar vizzes