Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

activity6_task1

Public visualization

Viewing a saved revision (read-only)

0427df56e69e4405bc08b6ffddea0603

activity6_task1

0 stars0🌍 Public
Ssiri2001j@gmail.com
Last edited Apr 15, 2024
Created on Apr 14, 2024
Forked from Hello VizHub

This interactive visualization presents a horizontal bar chart ranking the top 10 countries by population in the year 2000. Built with React and D3 v5, the chart uses SVG rectangles with scales created via `scaleBand` and `scaleLinear`, and displays axis ticks generated by custom components. Population values are formatted with D3’s `format` function, converting large numbers to abbreviated labels like “B” for billions. The data is loaded asynchronously from a CSV file using D3’s `csv` parser, and tooltips show the formatted population value on hover.

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.