Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Assignment 2.3

Public visualization

Viewing a saved revision (read-only)

95bfb54f6d824d5cba568b5afa1304d9

Assignment 2.3

0 stars0🌍 Public
Ppjdhungana@gmail.com
Last edited Jul 21, 2023
Created on Jul 15, 2023
Forked from Hello VizHub

This interactive scatter plot visualizes cereal data filtered to 100 calories, comparing sodium and sugar content. Each circle represents a cereal, with markers colored by rating value: red for ratings below 40, orange for 40–60, and green for ratings above 60. The visualization loads CSV data via `d3.csv` from a GitHub gist, uses `scaleLinear` for both axes, and renders circles as SVG elements with `d3.select` and `join`. Axis labels are positioned with SVG transforms, and the D3 v6 API is loaded directly from UNPKG.

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.