Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Activity6_Question1.2

Public visualization

Post on XLinkedIn

Viewing a saved revision (read-only)

a70ad5cf57c44426bf6026231c5d5c61

Open

Activity6_Question1.2

0 stars0🌍 Public
Ggnanendra097@gmail.com
Last edited Apr 5, 2024
Created on Apr 3, 2024
Forked from Hello VizHub

This bar chart displays the population of 20 countries for the year 2010, ranked from largest to smallest along a horizontal axis. The visualization uses React with D3 v5 to render SVG elements, leveraging `d3.csv` for data loading from a GitHub repository and `d3.scaleBand` and `d3.scaleLinear` for positioning. Tick marks are styled in blue, with bars filled in light green. A tooltip appears on hover via the SVG `<title>` element, and the axis label is formatted using `d3.format`.

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.