Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Activity6_Firoze

Public visualization

Post on XLinkedIn

Viewing a saved revision (read-only)

524c580c8ca6458f8e912b21b19ead67

Open

Activity6_Firoze

0 stars0🌍 Public
Sshaikfiroze186@gmail.com
Last edited Apr 10, 2024
Created on Apr 10, 2024
Forked from Hello VizHub

This bar chart displays the population of 20 countries in 2010, using horizontal bars sorted by country name. Built with React and D3 v5, it loads CSV data from a GitHub repository and renders SVG rectangles. The chart uses `scaleBand` for the y-axis, `scaleLinear` for the x-axis, and custom `AxisBottom` and `AxisLeft` components. Tooltips show formatted population values via SVG `<title>` elements, with axis labels formatted using D3’s `format` function.

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.