mmflow Examples
Example gallery for charts, data, and terminal workflows
Developer entry points for chart embeds, live data feeds, SDK snippets, API recipes, and terminal workflows.
Charts examples
Framework embeds, feeds, custom studies, order-flow layers, themes, and performance entry points for mmflow Charts.
Live BTC chart
Open the playground on a terminal-themed BTC chart with SMA, RSI, SSE live data, and React code.
Synthetic custom feed
Render a deterministic offline feed with order-flow demo layers and vanilla JavaScript code.
Basic candle chart
Start from the chart SDK overview and wire candles, volume, and a live data feed.
React chart
Use the typed @mmflow/react component with createMmflowFeed and custom studies.
Vue chart
Use the @mmflow/vue binding for Vue 3 products and dashboards.
Next.js client chart
Load WebGL charts client-side in App Router pages with dynamic imports.
Custom data feed
Bring your own candles and trade stream through the SDK DataFeed contract.
WebSocket streaming feed
Connect keyed live market streams through the mmflow WebSocket gateway.
Custom indicator
Define typed studies and render them as overlays or sub-pane indicators.
ChartScript bands
Open a deterministic playground chart with a compiled multi-line ChartScript indicator.
Synthetic replay events
Scrub deterministic candle events plus local synthetic markers in the playground without network or API-key dependencies.
Replay session API
Create candle-first replay sessions, convert archive-aware history candles into events, and inspect coverage metadata.
Replay session export
Save and share replay setup as a compact config manifest while the playground loads layers independently.
Replay event overlays
Fetch archive-backed whale, inferred liquidation, and funding-change overlays for replay timelines.
Bounded trade replay
Use recent archive/source trade coverage for cursor-synced replay tapes without claiming full tick history.
Footprint replay
Derive replayable footprint bars from bounded normalized trades for short windows.
Orderbook snapshot replay
Replay sparse depth-aware orderbook snapshots without implying continuous L2 state.
Data-quality status
Inspect history/replay freshness, archive/source health, partial coverage, and unavailable layers.
Order-book heatmap
Use the pro order-flow layers exposed by the WebGL chart engine.
Footprint chart
Render per-candle buy/sell volume at price levels for crypto order flow.
Volume profile
Add visible-range profile, POC, VAH, and VAL context to embedded charts.
Drawing tools
Place annotations, export/import versioned drawing JSON, and use api.drawings from embeds.
Dark/light theme switch
Preview white-label chart themes before copying the generated embed code.
Performance guide
Benchmark WebGL rendering, large-series behavior, and streaming chart ergonomics.
Repo starter templates
These copy-out templates live under frontend/examples. They are not workspace apps and use only public package imports.
React Live Chart
Copy frontend/examples/react-live-chart for a live React chart with volume, SMA, RSI, and an env-based mmflow feed key.
Next.js App Router Chart
Copy frontend/examples/nextjs-app-router-chart for a client component that keeps WebGL out of server rendering.
Vue Live Chart
Copy frontend/examples/vue-live-chart for the public MmChart binding, feed wiring, and built-in studies.
Bring Your Own Data
Copy frontend/examples/custom-data-feed for a deterministic local createDataFeed template with no network dependency.
Replay Workbench
Copy frontend/examples/replay-workbench for local replay controls and config-only manifest export.
Data Status Dashboard
Copy frontend/examples/data-status-dashboard for SDK status cards backed by public history helpers.
ChartScript Indicator
Copy frontend/examples/chartscript-indicator for compile/validate diagnostics and a multi-plot bands indicator.
Drawing Tools
Copy frontend/examples/drawing-tools for drawing add, export, and import flows with no cloud persistence.
Starter paths
Use these when you want runnable API snippets, performance proof, or SDK-specific examples.
API cookbook
Runnable REST and SSE recipes for bots, dashboards, alerts, and data snapshots.
Render benchmark
Measure WebGL rendering with large synthetic OHLCV sets in your current browser/session.
TypeScript SDK
Single-file SDK examples for the public data API and stream consumers.
Release candidate notes
Review the npm SDK RC scope and the no-publish/no-tag checklist.