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)

d929cf353c6b48c48cae1f6ab67dd530

Open

Activity6_Task1

0 stars0🌍 Public
LLayaMyadam@my.unt.edu
Last edited Apr 14, 2024
Created on Apr 14, 2024

This visualization shows the top 30 countries by population in 2020 as a horizontal bar chart, with population values formatted in billions and a labeled x-axis. The chart uses D3 v5 scales, including `scaleBand` for the categorical country axis and `scaleLinear` for the population axis, while bars are drawn as SVG rectangles. React components structure the visualization, with `AxisBottom` and `AxisLeft` rendering ticks, and tooltips display each bar's value via an SVG `<title>` element. Data is loaded from a remote CSV file.

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.