Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

ICE-7 area chart

Public visualization

Viewing a saved revision (read-only)

85a05271b6644834b7280d89bde5d7d3

ICE-7 area chart

0 stars0🌍 Public
Ppanyamsantosh09@gmail.com
Last edited Oct 27, 2025
Created on Oct 27, 2025
Forked from HTML Starter

This area chart shows the relationship between sugar content and average consumer ratings for breakfast cereals. A light blue fill and a blue line trace the mean rating across sugar levels, with data points marked by circles. Built with D3 v7, the visualization loads a CSV file, groups cereals by sugar content, and computes the average rating for each group. The code uses D3 utilities like `d3.csv`, `d3.autoType`, `d3.rollups`, and `d3.mean` to process the data, then renders the chart with `d3.area`, `d3.line`, and `d3.axisBottom`/`axisLeft` generators.

AI-generated description