The "Restart Timeline" scatter chart at the top of /restarts is confusing and unintuitive:
- Variable dot sizes (size = crash severity) make the chart noisy
- Variable dot opacity adds another dimension of noise
- Log-scale Y axis (uptime in seconds) is not intuitive
- "Guide line" (rolling median) adds clutter
- Compare overlay adds ghost rings — even more confusion
- Maxime's words: "big dots, small dots, a line behind... It makes no sense"
- Maxime's words (2026-05-10): clean timeline dot strip — uniform dots, color by reason, NO log scale, NO variable sizes, NO guide lines, NO compare overlay
Replace the scatter chart (EventTimelineChart) with TWO simpler, cleaner visualizations:
- Single horizontal line/band
- Each dot = one restart event positioned by time (X axis)
- Uniform dot size (no variable sizing)
- Color-coded by reason only (crash=red, rebuild=green, manual=amber, etc.)
- No Y axis — just a pure timeline
- Hover tooltip shows event details (time, reason, previous uptime)
- Compare toggle removed (range filter is sufficient)
- Add legend below showing colors
- X axis: time (grouped by day or hour depending on range)
- Y axis: restart count
- Bars stacked by reason
- Shows trends: are crashes increasing or decreasing?
- Clean, standard bar chart — everyone understands this
- Uptime Distribution (histogram) — useful
- Uptime History Bars — useful
- Last Restart summary — useful
- Restart Events table — essential
- Range filter (24h/7d/30d/all) — keep
- Recharts library — same library, simpler charts
components/RestartsClient.tsx — replace EventTimelineChart, remove compare logic, keep other sections
Think simple: GitHub's contribution graph but as a timeline. Or linear's activity timeline. Clean dots on a line. That's it.