Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Activity 6

Public visualization

Post on XLinkedIn

Viewing a saved revision (read-only)

f33cfeab7a274f6c846a5ac8d9b890e4

Open

Activity 6

0 stars0🌍 Public
AAkhileshVadlakonda@my.unt.edu
Last edited Oct 19, 2024
Created on Oct 19, 2024
Forked from Hello VizHub

This horizontal bar chart visualizes the 2020 population of 30 countries, sorted alphabetically on the y-axis with population encoded by bar length on the x-axis. Built with React and D3 v5, it uses `scaleBand` and `scaleLinear` for positioning, with data loaded via `d3.csv` from a GitHub dataset. SVG rendering includes custom `AxisBottom` and `AxisLeft` components, while `Marks` renders bars with tooltips formatted using `d3.format`.

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.