Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

activity 6_Task 1

Public visualization

Post on XLinkedIn

Viewing a saved revision (read-only)

baa824c5ef5e45649369f3bb8a288b89

Open

activity 6_Task 1

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

This horizontal bar chart displays population figures for 30 countries in 2020, using a green rect for each country with a native SVG tooltip showing the formatted value. The visualization is built with React and D3 v5, using `scaleBand` for the categorical y-axis, `scaleLinear` for the quantitative x-axis, and custom `AxisBottom` and `AxisLeft` components to render ticks. Population data is loaded from a remote CSV via `d3.csv`, with values multiplied by 1000 and formatted using `d3.format`. The chart includes a labeled population axis and blue tick lines.

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.