Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Activity-6-Q1.1

Public visualization

Viewing a saved revision (read-only)

ddd892f0969d482784af8c9956053bdd

Activity-6-Q1.1

0 stars1🌍 Public
Kkotasc18@gmail.com
Last edited Oct 22, 2024
Created on Oct 22, 2024
Forked from Hello VizHub

This chart, built with React and D3, presents a horizontal bar chart of population figures for the year 2000, showing only the first ten countries from a remote CSV dataset. The visualization uses D3’s `scaleBand` for the categorical country axis and `scaleLinear` for the continuous population axis, rendering bars as SVG rectangles. The code demonstrates importing from the D3 library and local ES6 modules, with axes and marks as separate components. The chart includes a tooltip on each bar and custom axis formatting, converting values like “1.2B” from the D3 `format` function.

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.