Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Fork of activity 6_Question 1A

Public visualization

Post on XLinkedIn

Viewing a saved revision (read-only)

51f59eef35cb47dbaa7f665680708f9c

Open

Fork of activity 6_Question 1A

0 stars1🌍 Public
Vvullihanumantharao@gmail.com
Last edited Apr 4, 2024
Created on Apr 4, 2024
Forked from activity 6_Task 1

This example shows a horizontal bar chart ranking population figures for ten countries in the year 2000, using a CSV dataset fetched from GitHub. The visualization uses D3 v5 scales (`scaleBand`, `scaleLinear`) to map country names and population values to screen coordinates, while React components (`AxisBottom`, `AxisLeft`, `Marks`) render the SVG axes and bars. Population values are formatted with `format('.2s')` to display compact tick labels like “1.2B,” and native SVG `<title>` elements provide hover tooltips with the same 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.