Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Activity 6_Question 2

Public visualization

Viewing a saved revision (read-only)

134fcad98d9f413dac32e60e038a2239

Activity 6_Question 2

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

This example shows a horizontal bar chart of population figures for 20 countries in 2010, with each bar’s length encoded by population value and countries labeled on the y-axis. The visualization is built with React and D3 v5, using `scaleBand` and `scaleLinear` for positioning, and custom `AxisBottom` and `AxisLeft` components to render tick marks and labels. Data is loaded via `d3.csv` from a GitHub-hosted CSV file, and bars are drawn as SVG `<rect>` elements with a tooltip using the native `<title>` element.

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.