Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

activity 6_Task 1

Public visualization

Post on XLinkedIn

Viewing a saved revision (read-only)

a34ab3abea6349ddb4e8c8c985337c6d

Open

activity 6_Task 1

0 stars0🌍 Public
Ccherrylmarym@gmail.com
Last edited Apr 4, 2024
Created on Apr 4, 2024
Forked from Hello VizHub

This interactive bar chart displays the 2020 population estimates for 30 countries, using horizontal bars to compare values. Built with React and D3 v5, the visualization renders as an SVG. It loads data from a GitHub-hosted CSV, utilizing `scaleBand` for the categorical y-axis, `scaleLinear` for the numeric x-axis, and D3's `format` function to abbreviate population values (e.g., "1.2B"). Tooltips provide the exact formatted population 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.