Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Activity6_Task1-2

Public visualization

Viewing a saved revision (read-only)

75230898e7c145e2a1922a26e5b0bcbb

Activity6_Task1-2

0 stars0🌍 Public
Sshanmukhivasa@my.unt.edu
Last edited Apr 15, 2024
Created on Apr 15, 2024
Forked from Hello VizHub

This example shows a horizontal bar chart of population data for 20 countries in 2010, sorted by country name along the y-axis with population values on the x-axis. The visualization uses React components to render SVG elements, with D3 v5 scales (`scaleBand` and `scaleLinear`) and formatting utilities. The data is loaded via D3’s `csv` function from a remote gist, and each bar includes a native SVG `<title>` tooltip that displays the formatted population value. The axes are custom components that generate tick marks and labels, with formatting that converts large numbers to abbreviated units like “B” for billions.

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.