Add massive-heatmap: live cross-asset market heatmap demo#17
Open
Smartoneinok wants to merge 1 commit into
Open
Add massive-heatmap: live cross-asset market heatmap demo#17Smartoneinok wants to merge 1 commit into
Smartoneinok wants to merge 1 commit into
Conversation
0e6bbed to
eaf6e1a
Compare
…tmap A Node + TypeScript backend with a React + Vite frontend that renders a market-cap-weighted treemap colored by percent change across stocks, ETFs, crypto, forex, indices, and futures. The backend holds the Massive API key and brokers all data: it seeds prior-close baselines and serves current prices over two REST endpoints (/api/snapshot, /api/prices), and the browser polls on a configurable interval (2 to 60 seconds). Includes 18 prebuilt universes, selectable lookbacks, session awareness, zoom and pan, hover details, and branded PNG export. Co-Authored-By: Claude Opus 4.8 (1M context) <noreply@anthropic.com>
eaf6e1a to
a7b4a0e
Compare
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment
Add this suggestion to a batch that can be applied as a single commit.This suggestion is invalid because no changes were made to the code.Suggestions cannot be applied while the pull request is closed.Suggestions cannot be applied while viewing a subset of changes.Only one suggestion per line can be applied in a batch.Add this suggestion to a batch that can be applied as a single commit.Applying suggestions on deleted lines is not supported.You must change the existing code in this line in order to create a valid suggestion.Outdated suggestions cannot be applied.This suggestion has been applied or marked resolved.Suggestions cannot be applied from pending reviews.Suggestions cannot be applied on multi-line comments.Suggestions cannot be applied while the pull request is queued to merge.Suggestion cannot be applied right now. Please check back later.
What this adds
examples/websocket/massive-heatmap/— a full-TypeScript, Finviz-style live market heatmap. Pick an asset class (Stocks, ETFs, Crypto, Forex, Indices, Futures) and a universe (e.g. S&P 500, Nasdaq 100); the screen fills with sector-grouped tiles, sized by market cap, colored by percent change versus the prior close, recoloring live by the second. A Capture button exports a branded PNG.Architecture
@massive.com/client-jsto poll a REST snapshot once for prior-close baselines, then streams per-second aggregates over one market WebSocket per asset class. Holds the API key server-side and pushes coalesced diffs (~5 Hz) to the browser. Bounded in-memory state (no growth).Verification
selectUniverseraces, seed-failure rejections, and disconnect-during-seed (see commit history).Known limitations
universes/(a snapshot; periodic refresh). Market caps were sourced from Massive reference data.Note on merging
Real-time WebSocket data requires an appropriate Massive plan. The
masterruleset requires a ticket-prefixed orBumpsquash-commit subject, so set the squash subject accordingly when merging.🤖 Generated with Claude Code