Skip to main content
šŸŒ Public

Share visualization

Send this visualization to others.

Fork of Fork of HTML Starter

Public visualization

Viewing a saved revision (read-only)

bcc4a5d100db42d9b9a091776fb19f00

Fork of Fork of HTML Starter

0 stars2šŸŒ Public
SSYAM TEJ
Last edited Oct 5, 2025
Created on Oct 5, 2025

This example demonstrates a student data dashboard that loads a CSV file containing student names, ID numbers, color codes, favorite subjects, and team names. It displays summary statistics for total students, unique subjects, and unique teams, alongside a bar chart showing team membership counts rendered with D3 v7's `d3.rollups` and `scaleBand`/`scaleLinear` APIs. The page also features color swatch cards and a preview table, with data fetched via the `d3.csv` method and custom canvas rendering for the SVG bar chart.

AI-generated description