Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Activity6_tutorial-1

Public visualization

Post on XLinkedIn

Viewing a saved revision (read-only)

be5198d294d9430083a5dead50318b5b

Open

Activity6_tutorial-1

0 stars0🌍 Public
Ddaneeshchowdary18@gmail.com
Last edited Apr 4, 2024
Created on Apr 4, 2024
Forked from Hello VizHub

This example displays a horizontal bar chart comparing the 2020 populations of 30 countries, with each bar’s length representing population size and a green fill for visual distinction. The visualization is built with React and D3 v5, using `scaleBand` for categorical y-axis placement and `scaleLinear` for the numeric x-axis. The chart is rendered as an SVG, with axes drawn via custom components (`AxisBottom`, `AxisLeft`) and data loaded from a remote CSV file via D3’s `csv` function.

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.