Trading Slippage Illustration

Overview

A concise visual explanation of trading slippage: a downward‑trending candlestick chart shows where an order is placed, how the price moves before execution, and the resulting price gap labeled as slippage. The key takeaway is that the execution price can be lower than the intended price when the market moves quickly.

Phases

Layout

┌─────────────────────────────────────────────┐
│                TOP AREA (Title)             │
├─────────────────────────────────────────────┤
│                 CENTER AREA (Chart)          │
│   (candlesticks, dotted lines, labels, arrow)│
├─────────────────────────────────────────────┤
│               BOTTOM AREA (Caption)         │
└─────────────────────────────────────────────┘

Area Descriptions

Notes

• Design style: Minimalist; white background, orange bullish candles, purple bearish candles, thin gray axes.
• Colors: Use a soft orange (e.g., #FF8C42) for upward candles, a muted purple (e.g., #7A5CFA) for downward candles. Dotted lines and arrows in light gray; labels in dark gray for readability.
• Transitions: All elements appear with smooth fade‑in or slide‑in animations; movements of the chart are linear to emphasize price flow.
• Duration: Total animation ≈15 seconds, well under the 30‑second guideline.
• Single Scene: The entire sequence fits within one Manim Scene class.
• Text usage: Only the necessary labels (“Order placed”, “Order executed”, “Slippage”) and the title; no extra explanatory text.
• Highlight: The vertical double‑arrow should be a thin line with arrowheads at both ends, colored gray, to clearly indicate the price gap.