mmflow Charts
Order-flow layers
Use confirmed chart API handles for footprint bars, volume profile snapshots, order-book heatmap snapshots, and marker layers.
Imperative layer handles
import { createChart } from "@mmflow/charts";
import { createMmflowFeed } from "@mmflow/sdk";
const chart = createChart({ container, autosize: true });
chart.addCandleSeries();
const footprint = chart.addFootprintSeries();
const profile = chart.addVolumeProfile();
const heatmap = chart.addOrderBookHeatmap();
const markers = chart.addMarkers();
chart.setData(createMmflowFeed({ transport: "ws", apiKey }), {
symbol: "BTC",
resolution: "1m",
});
// Layer handles expose clear(), remove(), and data update methods
// specific to the layer type.Confirmed layer APIs
These methods are present on the current IChartApi. The feed must provide the matching optional DataFeed capability for automatic data.
addFootprintSeries
Adds a VolumeFootprintLayer and can receive FootprintBar rows from fetchFootprint.
addVolumeProfile
Adds a VolumeProfileLayer and can receive VolumeProfileSnapshot data.
addOrderBookHeatmap
Adds an OrderBookHeatmapLayer and can subscribe to order-book snapshots.
addMarkers
Adds buy and sell marker layers for liquidation or trade event markers.
Continue building
Move through the chart SDK docs without leaving the developer flow.