Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

activity 6

Public visualization

Post on XLinkedIn

Viewing a saved revision (read-only)

c89e706e0c3745cfb0f2024f039defc0

Open

activity 6

0 stars1🌍 Public
Ssuchigeneralpur@gmail.com
Last edited Apr 4, 2024
Created on Apr 4, 2024

This bubble chart displays the population of 30 countries in 2020, using horizontal bars where length corresponds to population size. The visualization is built with React and D3 version 5, rendering as SVG. It loads data from a CSV file via D3’s `csv` function, scales the x-axis with `scaleLinear` and the y-axis with `scaleBand`, and uses a custom `Marks` component to draw the rectangles, with tooltips formatted using D3’s `format` 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.