# ECharts Playback - Historical Data Visualization and Analysis **Last Updated**: 2026-03-17 **Version**: 1.0.0 ## How It Works ### Open the ECharts Playback Interface Navigate to the ECharts Playback page to access historical backtest data visualization. Unlike the Perspective Viewer which shows real-time streaming data, ECharts Playback loads completed backtest results from IndexedDB for post-session analysis and review. ### Select a Historical Dataset Browse and select from available historical backtest sessions stored in IndexedDB. Each dataset includes the complete record of a past backtest run: OHLC price data, trade entries and exits, indicator values, equity curve progression, and performance metrics captured during execution. ### Configure the Chart Layout Set up the visualization layout by choosing which chart panels to display: candlestick price chart, volume bars, indicator overlays, trade markers, and equity curve subplot. Arrange panels vertically to create a comprehensive multi-panel view of the historical session. ### Navigate the Timeline Use the timeline scrubber at the bottom of the chart to jump to specific dates or periods within the dataset. Drag the range handles to zoom into particular market events, large drawdowns, or winning streaks. The timeline provides full random-access navigation through the entire backtest history. ### Use Playback Controls Start automated playback to watch the backtest unfold chronologically. Adjust playback speed from slow (bar-by-bar analysis) to fast (rapid overview of the full session). Pause at any point to examine specific bars, trade entries, or indicator crossovers in detail. ### Inspect Individual Trades Click on trade markers overlaid on the price chart to view detailed trade information: entry price, exit price, holding period, realized P&L, and the indicator conditions that triggered the entry and exit. This trade-level inspection helps identify patterns in winning versus losing trades. ### Export Analysis Data Export the playback data in CSV or JSON format for further analysis in external tools. You can also capture chart screenshots as PNG images for documentation. Exports include all visible data series, trade logs, and performance summaries from the current view. > ECharts Playback visualizes historical backtest data stored locally in IndexedDB. This is a post-session analysis tool for reviewing completed backtests, distinct from the real-time Perspective Viewer used during live backtest execution. ## Tips & Best Practices - Use slow playback speed (1-2 bars per second) when studying specific trade setups to understand the exact market context and indicator state at entry and exit points. Fast playback is better for getting an overall feel for how the strategy behaves across different market phases. - Focus your timeline navigation on drawdown periods first. Understanding why and how losses occur is more valuable than reviewing winning trades, because risk management improvements typically have a larger impact on overall performance than entry optimization. - Compare playback of the same strategy across different time periods to check for consistency. If the strategy shows dramatically different behavior in different market regimes, it may be overfitted to a specific market condition present in your primary test period. - IndexedDB storage is limited by browser allocation. If you run many backtests, older datasets may need to be deleted to free space. Export important historical sessions before clearing IndexedDB to preserve your analysis data. ## Frequently Asked Questions ### What is the difference between ECharts Playback and the Perspective Viewer? ECharts Playback is a post-session analysis tool that loads completed backtest data from IndexedDB for historical review with timeline scrubbing and playback controls. The Perspective Viewer is a real-time visualization tool that displays live streaming data during active backtest execution via WebSocket. They serve fundamentally different use cases: Playback for retrospective analysis, Perspective for live monitoring. ### Where is the playback data stored and how long does it persist? Playback data is stored in your browser's IndexedDB, a client-side database. Data persists until you manually delete it or clear your browser data. Storage limits vary by browser (typically 50-500MB depending on available disk space). The data is local to your browser and device — it is not synced across devices or backed up to the server. ### Can I export playback data for external analysis? Yes, you can export data in CSV format (for spreadsheet analysis), JSON format (for programmatic processing), and PNG screenshots (for visual documentation). Exports include all currently visible data series, complete trade logs with entry/exit details, and summary performance metrics. ### Why is some playback data missing or incomplete? Missing data typically occurs when a backtest session was interrupted before completion, when IndexedDB storage reached capacity during the run, or when browser data was partially cleared. If a backtest was stopped mid-execution, only the data received before interruption is available for playback. Re-running the backtest generates a complete dataset. ## Important Notes > Playback data represents historical backtest results stored locally in your browser. This data does not reflect real-time market conditions, and past backtest performance does not guarantee future trading results. IndexedDB data is browser-specific and not backed up — export important datasets to prevent loss. --- Source: https://stratcraft.ai/help/echarts-playback/