Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Fork of Fork of Hello VizHubActivity6_Question4.9

Public visualization

Post on XLinkedIn

Viewing a saved revision (read-only)

11c8c0824bf14cf584661672700b07b0

Open

Fork of Fork of Hello VizHubActivity6_Question4.9

0 stars0🌍 Public
UUday Vandanapu
Last edited Oct 25, 2024
Created on Oct 25, 2024

This bubble chart visualizes the relationship between sales volume (x-axis), price per unit (y-axis), and revenue (bubble size and color) for 20 vegetables. Each circle represents a vegetable, with revenue encoded by both radius and a color scale using `d3.scaleOrdinal` and `d3.interpolateTurbo`. The chart includes axis labels, a revenue legend with reference circles, and interactive tooltips via `d3.select`. Data is loaded asynchronously from a CSV file using `d3.csv`, and rendered as an SVG with D3 v7.

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.