Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Activity-6

Public visualization

Viewing a saved revision (read-only)

4b7c954521f6413bbac67996ae45ecd7

Activity-6

0 stars0🌍 Public
Mmanisahiths54321@gmail.com
Last edited Apr 10, 2024
Created on Apr 10, 2024
Forked from Activity-6

This horizontal bar chart displays the populations of 30 countries for the year 2020, ordered along the y-axis. Built with React and D3 v5, it renders as an SVG, using `d3.scaleBand` for the categorical axis and `d3.scaleLinear` for the quantitative axis, with data loaded from a CSV file. The bars’ widths encode population values, and a tooltip (via the SVG `<title>` element) shows the formatted value on hover.

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.