quicknode/hl-orderbook-peel

This project is an interactive visual explainer for understanding order books, the live lists of buy and sell orders that drive trading on an exchange. It focuses specifically on order book data from Hyperliquid, a crypto trading platform, and demonstrates how the same underlying data can be shown at four different levels of detail, from the simplest view down to the most detailed. A slider lets you drag between these levels and watch the visualization morph in real time. The four levels build on each other. The simplest level shows only the current best price someone is willing to buy or sell at. The next level up groups all orders at each price into a single bar, showing total size, which is what most trading apps display. The third level breaks that bar apart into the individual orders sitting inside it, though still anonymous. The fourth and most detailed level colors each order by the wallet that placed it, so you can see specific traders, spot one wallet stacking orders, or notice suspicious orders that appear and disappear quickly. Under the hood, the tool has two parts working together. A small backend server connects to Quicknode's data feed for Hyperliquid and passes a simplified version of the order book to a browser based frontend over a local connection, since browsers cannot talk to this kind of data feed directly. The frontend then draws everything on a canvas. The project can run entirely without any account or credentials using a built in simulated market with fake but realistic looking data, or you can connect it to a real live Quicknode account to see genuine market data. Setting it up locally requires a fairly recent version of Node.js and running a couple of install commands for both the server and web pieces. The README notes this is an unofficial project built on top of Quicknode's own data service, and does not mention a license.