Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Activity_6-Task-4-Q-9

Public visualization

Viewing a saved revision (read-only)

528e04101f16483a9afa4808bbac0ba7

Activity_6-Task-4-Q-9

0 stars0🌍 Public
Kkrishna444battula@gmail.com
Last edited Oct 20, 2024
Created on Oct 20, 2024
Forked from Hello VizHub

This bubble chart visualizes the nutritional profiles of ten common snacks, plotting sugar content on the x-axis, calories on the y-axis, and encoding fat content through bubble radius. The SVG visualization uses D3.js v7 with `d3.scaleLinear` for axes and bubble sizing, plus `d3.scaleOrdinal` with `schemeCategory10` for color-coded snack categories. Interactive tooltips appear on mouseover, displaying each snack’s name, calories, and sugar content. Static labels identify each bubble, with data loaded from a local CSV file containing snack nutrition metrics.

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.