KronosL2 is a production-grade, real-time order book visualizer built to showcase how Hexagonal Architecture and Signal-based state management can handle high-frequency market data in the browser—without sacrificing UI smoothness.
By fully decoupling domain logic from rendering, KronosL2 maintains a consistently fluid interface while processing 20+ WebSocket updates per second. A built-in Time Travel engine allows users to pause live markets and scrub backward through historical snapshots to analyse volatility tick-by-tick.
Here is the github link: https://github.com/bbbayhan/kronosl2
Key Highlights
High-Throughput UI Performance: Uses Preact Signals to update only the components affected by each market change, avoiding unnecessary re-renders and keeping frame times stable.
Architecture First: Implements strict Hexagonal Architecture, isolating the Domain from Infrastructure and UI, making exchange connectors fully swappable without touching business logic.
Time-Travel Playback: DVR-style controls (Pause, Rewind, Replay) for live order book data—turning real-time streams into inspectable timelines.
Developer-Focused UX: Dark-mode, contrast-optimized visuals, D3-powered depth charts, and full keyboard control for rapid market inspection.