Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Acitivity_6_Task-1

Public visualization

Viewing a saved revision (read-only)

cc68c5f97dc8404e8416fdefb8de669f

Acitivity_6_Task-1

0 stars0🌍 Public
Ssahaspragna6@gmail.com
Last edited Apr 10, 2024
Created on Apr 10, 2024
Forked from Hello VizHub

This example shows a horizontal bar chart of population data for 30 countries in the year 2000, using a green bar for each country’s population value with a tooltip on hover. The bars are rendered as SVG rectangles via React, while the axes are built with D3’s `scaleBand` and `scaleLinear` for positioning. Data is loaded from a CSV file using `d3.csv`, and tick labels are formatted with `d3.format` to abbreviate large numbers (e.g., converting “G” to “B”).

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.