Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Activity6_Task1

Public visualization

Post on XLinkedIn

Viewing a saved revision (read-only)

bfd1b7e1722c4fa9b037086a91e0bd28

Open

Activity6_Task1

0 stars0🌍 Public
SSaiKiranReddyKancharla@my.unt.edu
Last edited Apr 4, 2024
Created on Apr 4, 2024
Forked from Hello VizHub

This bar chart displays the top 30 countries by 2020 population, using horizontal bars ordered by country name. The visualization loads data from a CSV file via `d3.csv`, scales it with `scaleBand` and `scaleLinear`, and renders SVG rectangles through React components. D3’s `format` function converts population values to abbreviated labels like “1.2B”. Axes are built with custom `AxisBottom` and `AxisLeft` components that use D3’s tick methods, while a native SVG `<title>` element provides hover tooltips.

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.