Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Activity06_Task01

Public visualization

Viewing a saved revision (read-only)

91826c0200834cc6b4226bb2a1197274

Activity06_Task01

0 stars2🌍 Public
Bbharatchowdarypotluri@my.unt.edu
Last edited Oct 22, 2024
Created on Oct 22, 2024

This chart displays the 2020 population of 30 countries using a horizontal bar chart rendered with SVG. It loads data from a CSV file and asks the D3 module imports specialized functions like `scaleBand`, `scaleLinear`, `max`, and `format`, paired with a tick formatter that converts billions to a compact label. The React framework binds the data through a custom hook, while `AxisBottom`, `AxisLeft`, and `Marks` components generate the axes and green bars. Tooltips provide formatted population values 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.