> For the complete documentation index, see [llms.txt](https://wong-coupon.gitbook.io/flutter/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://wong-coupon.gitbook.io/flutter/my-reactjs/realtime-charts.md).

# Realtime & Charts

Web Workers, MQTT, reconnect, backpressure, market data, and chart-renderer lifecycles.

Web Workers, MQTT, reconnect, backpressure, market data, and chart-renderer lifecycles.

## Articles

* [MQTT with Web Workers and RxJS](/flutter/my-reactjs/realtime-charts/mqtt-web-worker-rxjs.md) — Separate broker transport, Worker lifecycle, topic intent, and consumer leases with typed realtime boundaries.
* [Client-Server Time Sync](/flutter/my-reactjs/realtime-charts/client-server-time-sync.md) — Estimate time with monotonic RTT, uncertainty intervals, bounded samples, and generation-aware lifecycle synchronization.
* [Realtime Tables in React](/flutter/my-reactjs/realtime-charts/realtime-table-react.md) — Bound subscriptions and rendering by viewport, preserve sequence and row identity, and measure performance without trading away correctness.
* [State Machine for MQTT Subscriptions](/flutter/my-reactjs/realtime-charts/mqtt-subscription-state-machine.md) — Coordinate owners, reference counts, ACKs, and reconnects through epochs and finite capabilities while containing stale effects, ambiguous recovery, and duplicate partial delivery.
* [Backpressure for Realtime Data](/flutter/my-reactjs/realtime-charts/realtime-batching-dedup-backpressure.md) — Bound both the in-flight batch and waiting queue, choose drop/coalescing policies, reject stale revisions, and restore reliable streams only after a confirmed snapshot.
* [Reconnect and Subscription Recovery](/flutter/my-reactjs/realtime-charts/mqtt-reconnect-subscription-recovery.md) — Separate transport, subscription and data readiness; assign explicit ownership to handover, late completions and retries.
* [Measuring WebSocket and MQTT Latency](/flutter/my-reactjs/realtime-charts/websocket-mqtt-latency.md) — Separate RTT, data age, and processing time with bounded histograms, lifecycle ownership, and export.
* [Merging Historical OHLC with Live Ticks](/flutter/my-reactjs/realtime-charts/ohlc-live-ticks.md) — Join history with matched trades or provider bars through dataset authority, watermarks, calendars, and bounded live leases.
* [Choosing a Fallback Datafeed](/flutter/my-reactjs/realtime-charts/choosing-fallback-datafeed.md) — Separate HTTP probes, preferences, and ready receipts; keep selection stable with bounded attempts.
* [Chart Listener Lifecycle](/flutter/my-reactjs/realtime-charts/chart-listener-lifecycle.md) — Separate widget, listener, and dataset ownership; preserve valid overlap and fence late callbacks during cleanup.
* [Chart Adapters and Domain Ports](/flutter/my-reactjs/realtime-charts/chart-adapter-domain-ports.md) — Separate wire mappers, domain history, and SDK callbacks; test provider substitution, errors, and request ownership.
* [Saving and Restoring Chart Layouts](/flutter/my-reactjs/realtime-charts/saving-restoring-chart-layouts.md) — Bind saves to a session, acknowledge the right snapshot, and check ownership before applying restored data.
* [Chart Contracts and Renderer Adapters](/flutter/my-reactjs/realtime-charts/chart-contracts-renderer-adapters.md) — Preserve missing slots, units, and capabilities across Canvas and SVG projections of one model.

[Buy Me a Coffee](https://buymeacoffee.com/ducmng12g) | [Support Me on Ko-fi](https://ko-fi.com/I2I81AEJG8)