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)

81c927d6832f4bf9b2239f0efaf905a8

Open

Activity 6_Task 1

0 stars0🌍 Public
Rrahulsiddhartha123@outlook.com
Last edited Apr 12, 2024
Created on Apr 12, 2024
Forked from Hello VizHub

A horizontal bar chart displays the populations of ten countries for the year 2000, loaded from a CSV file via a custom `useData` hook and `d3.csv`. React renders SVG bars whose widths are scaled by `d3.scaleLinear`, while countries are positioned with `d3.scaleBand`. Axis components generate ticks and labels using `d3.format` to abbreviate numbers. Hovering reveals native SVG tooltips with formatted values.

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.