Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Activity6_Task 1

Public visualization

Post on XLinkedIn

Viewing a saved revision (read-only)

1ebd6907119d4bf789a9e41adad8feb6

Open

Activity6_Task 1

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

This example displays a bar chart of the 2020 population for 30 countries, ordered along a categorical y-axis with a linear x-axis. The visualization uses React to render SVG elements, with d3.scaleBand and d3.scaleLinear handling the scales, while custom React components (AxisBottom, AxisLeft, Marks) draw the axes and bars. The data is loaded from a remote CSV file using d3.csv, and tick labels are formatted in billions using d3.format.

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.