Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

tutorial 1 Bhavani

Public visualization

Post on XLinkedIn

Viewing a saved revision (read-only)

1fbd5061c1604269b97327adf2d07c4a

Open

tutorial 1 Bhavani

0 stars0🌍 Public
Bbhavanimandula@my.unt.edu
Last edited Apr 11, 2024
Created on Apr 11, 2024
Forked from Activity-6

This visualization displays the populations of 30 countries for 2020 as a horizontal bar chart, with each bar’s length proportional to its population value. Built with React and D3 v5, the app uses `d3.scaleBand` for the categorical y-axis, `d3.scaleLinear` for the continuous x-axis, and custom React components (`AxisBottom`, `AxisLeft`, `Marks`) to render SVG rectangles. The data is loaded from a remote CSV via `d3.csv` and formatted with `d3.format` for tick labels.

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.