Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Activity 6 _Task 1 Tutorial

Public visualization

Post on XLinkedIn

Viewing a saved revision (read-only)

7a4ae905baac4fa1b9c41e5d9b806f42

Open

Activity 6 _Task 1 Tutorial

0 stars0🌍 Public
Aabjalshaik02@gmail.com
Last edited Oct 21, 2024
Created on Oct 21, 2024

This bar chart displays the populations of 30 countries for the year 2020, sorted along a vertical band scale with proportional horizontal bars. The visualization uses D3 v5 scaleBand and scaleLinear to map data loaded from an external CSV via d3.csv, while React components handle axis rendering and marks. SVG rectangles represent each country, with a native title element providing tooltips, and axes are formatted using D3’s si-format to abbreviate large numbers.

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.