Skip to main content
šŸŒ Public

Share visualization

Send this visualization to others.

f ICE-5: The Shapes of Data

Public visualization

Viewing a saved revision (read-only)

a2c0ffd00d39460ba0cca16693dc0c7a

f ICE-5: The Shapes of Data

0 stars0šŸŒ Public
Eeeshani.boyapati@gmail.com
Last edited Feb 28, 2026
Created on Feb 28, 2026

A dynamic bar chart visualizes screen hours per student from a remote CSV file, alongside summary statistics for rows, columns, numeric columns, and file size. The visualization loads data via `fetch`, parses it with `d3.csvParse` and `d3.autoType`, and renders an SVG chart using `d3.scaleBand` and `d3.scaleLinear` for axes. Tooltips display student names and hours via SVG `title` elements. The example runs within a React framework, though chart construction relies on D3 v7 APIs.

AI-generated description