Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Fork of Hello VizHub

Public visualization

Viewing a saved revision (read-only)

2a1f1bd3902d424486f69354a93e5a3f

Fork of Hello VizHub

0 stars9🌍 Public
Ssaivaishnogaruda@gmail.com
Last edited Oct 20, 2024
Created on Oct 19, 2024
Forked from Hello VizHub

This is a horizontal bar chart built with React and D3 v5, displaying the population of ten countries in the year 2000. The chart uses SVG rendering, with the y-axis listing country names and the x-axis showing population values formatted in billions. The visualization is generated from a CSV file loaded via `d3.csv`, and it uses React hooks like `useState` and `useEffect` to fetch and manage the data. The code defines custom components for the axes and marks, with tooltips showing the exact population 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.