Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Activity 8 Task 1

Public visualization

Post on XLinkedIn

Viewing a saved revision (read-only)

bcf42fd490f947f99047b3812667d99a

Open

Activity 8 Task 1

0 stars1🌍 Public
WWilliam Nsambu
Last edited Apr 13, 2024
Created on Apr 13, 2024

A horizontal bar chart displays the populations of ten countries for the year 2000, sorted by country name. Built with React and D3 v5, the visualization uses `scaleBand` and `scaleLinear` to map data, while custom `AxisBottom` and `AxisLeft` components render SVG axis ticks and labels. Population values are loaded from a remote CSV file and formatted using D3's `format` function, with tooltips provided by SVG `<title>` elements. The chart highlights the green bars and blue axis ticks against a clean background.

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.