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)

3840e4e9506441b9957a885586a11e15

Open

Activity6_Task 1

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

This example shows a horizontal bar chart of the top 20 countries by 2020 population, using data loaded from a CSV file. The visualization renders with SVG in a React framework, using d3.scaleBand for the categorical y-axis, d3.scaleLinear for the quantitative x-axis, and d3.format to display population values in billions. Each bar includes a native SVG title tooltip. The x-axis and y-axis are custom React components that generate ticks and labels, with blue axis lines and light green bars.

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.