Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Task8_Tutorial1_HKK

Public visualization

Post on XLinkedIn

Viewing a saved revision (read-only)

ce5eeb8f4e514efdbe6037f44f796d05

Open

Task8_Tutorial1_HKK

0 stars1🌍 Public
Hhemanthkakani1999@gmail.com
Last edited Apr 16, 2024
Created on Apr 14, 2024
Forked from Hello VizHub

This visualization displays the 2020 population estimates for 30 countries as a horizontal bar chart, with countries sorted along the y-axis and population values on the x-axis. Built with React and D3 v5, it leverages `d3.scaleBand` and `d3.scaleLinear` for positioning, while custom SVG axis components render tick marks and labels. The data is loaded as CSV from GitHub and formatted using D3’s `format` function to abbreviate large numbers.

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.