Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

activity 6_Q1.1

Public visualization

Viewing a saved revision (read-only)

73534f12fe1e4f3d9cbb38e04bcd1da9

activity 6_Q1.1

0 stars0🌍 Public
Ssaiteja.cse.rymec@gmail.com
Last edited Oct 22, 2024
Created on Oct 21, 2024
Forked from Hello VizHub

This bar chart displays the populations of ten countries in 2010, with country names on the y-axis and population values on the x-axis. The data is loaded from a remote CSV file using the `csv` function from D3 v5, while React manages the component state and rendering as SVG elements. The chart uses `scaleBand` and `scaleLinear` to position bars, with formatted tick labels converting values to billions via D3’s `format` API. Hovering over a bar reveals the exact population through a native SVG `<title>` tooltip.

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.