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

#	Phase Name	Duration	Description
1	Intro	~2 s	Fade‑in a clean white background with a subtle title "Trading Slippage" at the top.
2	Chart Appears	~2 s	Animate a simple orange‑purple candlestick chart (≈8 candles) trending downward in the central area.
3	Order Placed	~2 s	At the third candle from the left, display a small label "Order placed" just above the candle and draw a thin dotted horizontal line at that price level.
4	Market Moves	~3 s	Continue the chart animation for 4 more candles, keeping the price descending, while the dotted line remains static.
5	Order Executed	~2 s	At the last visible candle, show a label "Order executed" below the candle and a second dotted horizontal line at the lower execution price.
6	Highlight Slippage	~2 s	Draw a vertical double‑arrow between the two dotted lines, then attach a label "Slippage" pointing to the arrow.
7	Outro	~2 s	Fade out the labels and arrows, leaving only the chart for a brief moment, then fade to black.

---

Layout

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

Area Descriptions

Area	Content	Notes
Top	Title text "Trading Slippage" (small, light gray)	Fades in with the Intro phase
Center	Main visual: candlestick chart, dotted price lines, order labels, vertical slippage arrow	Primary focus; occupies most of the screen
Bottom	Optional caption like "Minimalist design" (optional)	Can remain empty; fades in with Outro if desired

---

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.