Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Activity-6_Task-1

Public visualization

Post on XLinkedIn

Viewing a saved revision (read-only)

ec0e5b1eaf424e429e53f329ddd27f7c

Open

Activity-6_Task-1

0 stars0🌍 Public
SSree Yuktha Sunkara
Last edited Apr 11, 2024
Created on Apr 11, 2024
Forked from Activity-6

This bar chart displays the 2020 populations of 30 countries, ordered along a vertical band scale. It loads CSV data from a GitHub repository using D3’s `csv` method, scales the values with `scaleLinear` and `scaleBand`, and renders SVG rectangles via React components. Custom axis components generate tick marks and labels, while a tooltip using the native SVG `<title>` element shows formatted population values with D3’s `format` function.

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.