Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Activity6

Public visualization

Viewing a saved revision (read-only)

97650d7810c3455eaa16934825a0ddf9

Activity6

0 stars0🌍 Public
Vvinaykollapudi@my.unt.edu
Last edited Oct 22, 2024
Created on Oct 22, 2024

This visualization displays population figures for 30 countries as a horizontal bar chart, with bars sized using a linear scale and countries arranged on a band scale. It uses D3 v5 utilities like `scaleBand` and `scaleLinear` for positioning, while React 16.9 renders the SVG elements through reusable axis and mark components. The data is loaded from a remote CSV file via D3’s `csv` method, and tooltips show formatted population values using D3’s `format` function, with axis labels styled via CSS.

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.