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)

23f7c8a795f34881bf79b0c788179fc1

Open

Activity 6 task 1

0 stars1🌍 Public
BBhavana Sharma
Last edited Apr 3, 2024
Created on Apr 3, 2024
Forked from Hello VizHub

This example displays a horizontal bar chart ranking the populations of ten countries for the year 2000. The visualization uses React to render SVG elements, with D3 v5 APIs including `scaleBand`, `scaleLinear`, `csv`, and `format` to load data, position bars, and format tick labels. Country names align on the left axis while population values appear on the bottom axis, and each bar includes a native SVG tooltip showing the formatted population value.

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.