Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Fork of Hello VizHub

Public visualization

Post on XLinkedIn

Viewing a saved revision (read-only)

966cec3255974b7db57d7c5ec13f9958

Open

Fork of Hello VizHub

0 stars0🌍 Public
Llikhithakarunakarreddym@gmail.com
Last edited Oct 20, 2024
Created on Oct 20, 2024
Forked from Hello VizHub

This visualization displays the population of 20 countries in 2010 as a horizontal bar chart. Using React and D3 version 5, the code fetches CSV data and processes it with `d3.csv`, then renders SVG rectangles with scales from `d3.scaleBand` and `d3.scaleLinear`. Custom AxisBottom and AxisLeft components generate tick marks and labels, while `d3.format` abbreviates population values. The chart loads data from a GitHub-hosted CSV file, with bars colored yellow and blue tick lines.

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.