Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Activity 7

Public visualization

Post on XLinkedIn

Viewing a saved revision (read-only)

b33186d10eba46e8aa205c5a8c6dc7a9

Open

Activity 7

0 stars0🌍 Public
VVenkat-Sumith-Thota
Last edited Jul 9, 2023
Created on Jul 9, 2023
Forked from Hello VizHub

This horizontal bar chart displays the 2010 populations of ten countries, sorted by country name, with light green bars on an SVG canvas. The visualization is built with React and D3 v5, using `scaleBand` for the categorical y-axis and `scaleLinear` for the quantitative x-axis. Population values are loaded from a CSV file via `d3.csv`, formatted with `format` (converting G to B), and rendered through custom React components for axes and marks. A native SVG `<title>` element provides hover tooltips.

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.