Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Activity8_Task1

Public visualization

Post on XLinkedIn

Viewing a saved revision (read-only)

02e7bfff30154cb287106667fd44ee8e

Open

Activity8_Task1

0 stars0🌍 Public
Zzoe.romo@att.net
Last edited Apr 8, 2024
Created on Apr 8, 2024
Forked from Hello VizHub

This example shows a horizontal bar chart comparing the 2020 populations of 30 countries. It encodes population values as bar lengths on a linear scale, with country names on a categorical y-axis. The chart is built with React and rendered as SVG, using D3 v5 functions like `scaleBand` and `scaleLinear` for scaling, `csv` for loading data from a GitHub-hosted CSV, and `format` for tick labels. A hover tooltip displays the population value for each bar.

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.