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)

e9a780ad2dd44eedb68506a089eb4907

Open

Activity 6_Task 1

0 stars0🌍 Public
Aakhilasannayila@gmail.com
Last edited Oct 21, 2024
Created on Oct 21, 2024
Forked from Hello VizHub

This example shows a horizontal bar chart comparing the 2020 populations of 30 countries, ranked by country name along the y-axis and population along the x-axis. The visualization is built with React and D3 v5, using `scaleBand` and `scaleLinear` for positioning, while axes and marks are rendered as SVG elements. Population values are loaded from a CSV file via `d3.csv`, formatted with `d3.format`, and tooltips display each bar’s value on hover.

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.