Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

fork of activity_6_question_4

Public visualization

Post on XLinkedIn

Viewing a saved revision (read-only)

cb68fa7da1cd4d7089a816f99015dbb6

Open

fork of activity_6_question_4

0 stars0🌍 Public
JJaswanthkota@my.unt.edu
Last edited Oct 24, 2024
Created on Oct 24, 2024

This bubble chart visualizes product data, mapping price to the x-axis, sales volume to the y-axis, and rating to bubble radius, with categories distinguished by color. The D3 v7 code uses `d3.scaleLinear` for axes, `d3.scaleSqrt` for circle sizes, and `d3.scaleOrdinal` with `d3.schemeCategory10` for color encoding. The SVG rendering includes a legend, axis labels, and interactive tooltips that display product details on mouseover. Data is loaded from a CSV file using `d3.csv`.

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.