bad-auth

bad-auth / l4book_visualizer

Public

Visualizer for Hyperliquid L4 Orderbooks

bad-auth.github.iol4book_visualizer
10
0
100% credibility
Found Mar 02, 2026 at 10 stars -- GitGems finds repos before they trend. Get early access to the next one.
Sign Up Free
AI Analysis
TypeScript
AI Summary

A web application that visualizes detailed order book data from Hyperliquid markets as interactive heatmaps, depth charts, and position trackers using live streams or snapshot files.

How It Works

1
🔍 Discover the trading visualizer

You hear about a handy tool that turns complex market order data into easy-to-see colorful charts and heatmaps for better trading insights.

2
💻 Get the app ready

Download it to your computer and start it up with a simple command, opening a local web page automatically.

3
🌐 Open in your browser

Your web browser shows a clean panel ready for you to pick a market and connect.

4
Choose your data source
📡
Go live

Enter a stream address and pick a trading pair like BTC to see real-time action.

📁
Load a snapshot

Drop in a data file to instantly view a frozen moment of the market.

5
🎨 Watch the magic unfold

The screen fills with a vibrant heatmap showing order stacks by age and a smooth depth chart, updating smoothly if live.

6
🔍 Dive in and customize

Zoom around the best prices, adjust grouping, pause for close looks, or track specific wallets to highlight their positions.

✅ See the market clearly

You now have a powerful, interactive view of order book depths, spotting opportunities like a pro trader.

Sign up to see the full architecture

5 more

Sign Up Free

Star Growth

See how this repo grew from 10 to 10 stars Sign Up Free
Repurpose This Repo

Repurpose is a Pro feature

Generate ready-to-use prompts for X threads, LinkedIn posts, blog posts, YouTube scripts, and more -- with full repo context baked in.

Unlock Repurpose
AI-Generated Review

What is l4book_visualizer?

This TypeScript visualizer streams live L4 orderbook data from Hyperliquid via WebSocket, rendering a WebGL heatmap of individual orders stacked by price level—brighter colors for newer orders—and a canvas depth chart for cumulative bids/asks. Load JSON snapshots too for offline analysis. Built with Svelte and Vite, it delivers interactive pan/zoom/pause controls, tick grouping, and real-time performance metrics, solving the pain of spotting microstructure patterns in full-depth crypto books without clunky terminals.

Why is it gaining traction?

Unlike basic json visualizer github tools or aggregated L2 charts, it handles 40k+ L4 orders smoothly with off-main-thread processing, age-coded heatmaps revealing order recycling, and address tracking for live LP positions via Hyperliquid API. Multi-DEX support (native + HIP-3) and rebuild rate tuning hook traders scanning for imbalances, standing out from generic pathfinding visualizer github or music visualizer github projects.

Who should use this?

Hyperliquid traders monitoring BTC perp spreads or whale activity; DeFi quants backtesting order flow from snapshots; frontend devs prototyping trading dashboards needing a ready L4book visualizer. Skip if you're not in crypto perps.

Verdict

Early alpha with 10 stars and 1.0% credibility—docs are solid, README setup is straightforward, but lacks tests and broad adoption. Fork and run if Hyperliquid L4 analysis is your jam; otherwise, wait for maturity.

(187 words)

Sign up to read the full AI review Sign Up Free

Similar repos coming soon.