Interactive Data Dashboard (Real-Time)
Ops leads lacked live visibility; I built a streaming dashboard with resilient ingestion and latency-aware charts; sub-second updates became the default in weekly reviews. Tech: SvelteKit, TypeScript, WebSockets, D3.js, Tailwind CSS, PostgreSQL.
Role
Full-Stack Developer
Timeline
6 weeks
Client
Operations Team
Output
Real-time dashboard
Overview
Live dashboard delivering sub-second updates with resilient event ingestion and WebSocket streaming.
Problem
Ops and exec teams relied on stale exports and could not trust metrics during incidents.
My Solution
Owned the data model, ingestion layer, and WebSocket delivery. Designed latency-aware D3 charts, fallbacks, and alerting. Added role-based views and annotations for weekly reviews.
Results
- Delivered sub-second updates under load-tested conditions.
- Dashboard adopted in weekly ops reviews and exec standups.
- Created a reusable event schema and chart component library for future products.
Gallery / Visual Notes
- * Live metrics view with streaming charts and event annotations.
- * WebSocket inspector showing sub-second delivery during load tests.
- * Themed chart library aligned to shared design tokens for reuse.
Technology Stack
SvelteKit
TypeScript
WebSockets
D3.js
Tailwind CSS
PostgreSQL