Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Fork of Tutorial_1_Sivani

Public visualization

Viewing a saved revision (read-only)

375d2e24ab83449386eb3822f4c9094d

Fork of Tutorial_1_Sivani

0 stars0🌍 Public
Kkommineniamarasadasivani2002@gmail.com
Last edited Mar 31, 2025
Created on Mar 31, 2025
Forked from Tutorial_1_Sivani

This example shows a horizontal bar chart of 2010 population estimates for select countries, with green bars sorted by country name and labeled axes. Built with React and D3 v5, it uses `scaleBand` and `scaleLinear` to position bars, `csv` to load data from a GitHub-hosted CSV file, and SVG `rect` elements to render marks. The code defines reusable Axis and Marks components, formats tick labels with `format`, and includes a tooltip title on each bar showing the 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.