Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Activity 6 Task 1

Public visualization

Activity 6 Task 1

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

This example shows a horizontal bar chart comparing the populations of 20 countries in 2010, with country names on the y-axis and population values on the x-axis. A population value appears as a tooltip when hovering over a bar. The chart uses React with D3 v5’s `scaleBand`, `scaleLinear`, and `csv` to load and render the data as SVG rectangles. Axes are custom components using D3’s tick formatting with `.2s`, converting values like “B” for billions.

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.

Comments

Sign in to join the discussion.

MIT Licensed