Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Activity6_Task4

Public visualization

Post on XLinkedIn

Viewing a saved revision (read-only)

e40c3e97a60f49fe9347590efac1aedf

Open

Activity6_Task4

0 stars0🌍 Public
CChandra Prakash Reddy Kalwakolu
Last edited Apr 15, 2024
Created on Apr 13, 2024
Forked from Hello VizHub

This bubble chart visualizes the relationship between sugar percentage and price percentage for various candies, with bubble size representing win percentage and color distinguishing competitor names. It loads CSV data from a GitHub repository using D3's `d3.csv` method, then renders an SVG with `d3.scaleLinear` for both axes, `d3.scaleSqrt` for bubble sizing, and `d3.scaleOrdinal` with `d3.schemeCategory10` for color mapping. Interactive tooltips appear on mouseover, styled via CSS, providing candy name and values.

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.