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)

ea89ea0d24d54dd0babe438c6f70a390

Open

Activity6_Task1

0 stars0🌍 Public
RRishithaGarnepudi@my.unt.edu
Last edited Oct 19, 2024
Created on Oct 16, 2024
Forked from Hello VizHub

This horizontal bar chart displays the 2020 populations of the top 30 countries from a GitHub-hosted CSV dataset. React components render SVG rectangles whose widths are scaled by d3.scaleLinear, while d3.scaleBand positions each country on the y-axis. The code uses d3.csv for data loading, d3.format for tick labels, and the AxisBottom and AxisLeft components to draw the chart’s axes.

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.