Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Activity6_Question1.1

Public visualization

Viewing a saved revision (read-only)

2143db9be35b49aabb6972e068d2b91d

Activity6_Question1.1

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

This bar chart displays the population of ten countries in the year 2000, with bar lengths proportional to population values and country names listed along the vertical axis. The visualization uses React components with D3 v5’s `scaleBand` and `scaleLinear` for positioning, `csv` for data loading from a GitHub-hosted CSV, and `format` for abbreviating tick labels (e.g., replacing “G” with “B”). SVG rectangles render the bars, and each bar includes a native `<title>` tooltip showing the formatted population value. The axes are drawn with custom components, and the chart is framed by margins with a labeled x-axis.

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.