Northstar
2024A design system that retired 9 parallel style kits and shipped 300+ components with zero regressions.
320+ components — all WCAG AA in CI, zero breaking API changes in a year
Rebuilding a fintech dashboard — cutting time-to-insight from minutes to seconds.
Aperture is a portfolio-intelligence product finance teams rely on to read live market data. The legacy app rendered nine interconnected dashboards whose filtering layer serialised every query on the main thread.
A dashboard could sit 'loading' for up to 90 seconds. Deep-linking to an exact filter state was impossible, so analysts kept two tabs open and reconciled by eye.
Audited the render path and traced 74% of blocking time to re-painting off-screen DOM rather than fetching data.
Replaced full re-renders with a virtualised, query-driven grid that only paints the visible change.
Moved cross-filters into a Web Worker so selections never occupy the main thread.
Standarised charts on a token-based layer that stays in sync with the design system.
One canvas layer renders the entire candlestick series; a WebGL pass holds 1M+ points at 60fps while a lightweight D3 overlay keeps axes razor-crisp.
6.2×faster
interactive on 1M-row cross-filtered datasets
A design system that retired 9 parallel style kits and shipped 300+ components with zero regressions.
320+ components — all WCAG AA in CI, zero breaking API changes in a year
A live operations map tracking 40k vehicles in one view without melting a mid-range GPU.
40k+ live entities — tracked at 24fps on mid-range hardware
A collaborative rich-text editor with live cursors and sub-100ms perceived latency, offline-first.
99ms p50 latency — across 25 simultaneous collaborators