Dashboards & layouts
Analytics+ Overview
One question at a time · Every measure at a glance · The answer first · Pulse tiles and bubbles · A skyline of dots · Beads and tiles · Fill-up jars · Bento board · Podium · Constellation
ClassLink · Frost · Data viz sketches
Data viz sketches by category
One representative from each audit category, redrawn ten ways with the Login Summary system and Tufte's principles.
- Categories
- 7
- Sketches
- 70
- Rules from
- Login Summary test set
- Principles
- Tufte · Envisioning Information
- Status
- Draft · For feedback
- Updated
- 2026-10-20
The set
Seven pages, ten sketches each
Heroes & KPI headers
Analytics+ Login Summary
Hero with context · A sentence hero · Change at a glance · Hero on a wave · The week in bubbles · Mountain skyline · Chevron change · Odometer · Story with inline graphics · Chat insights
Bar & column charts
Analytics+ Failed Logins
Quiet columns · One panel per cause · Ranked bars with a trace · Lollipops with a lock · Stacks of locks · Pencil columns · One hundred squares · Bookshelf · Streamgraph · Stamp sheet
Line & trend charts
CMC Security Reports
A step, not a slope · The line and its causes · A trend in a stat card · A ribbon with flags · People stepping in · Month tiles · Route map · Staircase · Vertical timeline · Event calendars
Gauges, rings & donuts
Analytics+ Screen Time Health
Bars with a verdict · A hundred students · One bar, four groups of students · Ten people, partly filled · Health tiles · Health tiles, silk · Health tiles, paper cut · Health tiles (flowing students) · Battery cells · Garden
Heatmaps
Analytics+ School Login Heatmap
Sorted and summarized · Strips, not colors · Only what stands out · Bubble grid · Ridgeline waves · Honeycomb · Daisies · Top school each day · Candy strips · School tiles
Quadrant & scatter
Insights Cost Insights
A quiet quadrant · Two dots per app · A table that draws · Used and unused spend · Coin stacks · Pins on a map · Slopegraph · Report cards · Race lanes · Decision board
Rules in every sketch
One system
- Color
- Role hue · blue for quantity · status inks
- Status
- Icon + label badge, no dots, from the Frost status spec
- Type
- Frost v.03 roles: Inter, Barlow numerals 34+
- Form
- No donuts, pies or rings
- Motion
- Once, when fully in view
- KPI cards
- One horizontal, centered row
Feedback
Which one, and why?
Which sketch from each page do we try first?
Decision: Pending
Which category should we build into the system next?
Decision: Pending