1
1. Navigation Bar (Header)
The navigation bar is the main element located at the top of the platform. It provides access to all core features: strategy selection, portfolio management, interface customization, and account settings.
1.1 LONQUA Logo
The LONQUA Option logo is displayed on the left side of the navigation bar. It automatically adapts to the selected theme (light or dark). A "Beta" label appears in the upper right corner of the logo, indicating that the platform is currently in active development.
Note: As the platform is continuously being improved, you may occasionally encounter minor technical issues. If that happens, please don't hesitate to reach out with a detailed description of the problem. Our team is committed to responding within 24 hours at contact@lonqua.com.
1.2 All Strategies
The "All Strategies" button opens a central panel listing all available options strategies on the platform. Strategies are organized into 4 categories:
Category: Strategic
Long Call, Long Put, Cash Secured Put, Covered Call, Covered Put, Protective Call, Protective Put, Long Strangle
Category: Essentials
Long Straddle, Call Credit Spread, Call Debit Spread, Collar, Put Credit Spread, Put Debit Spread, Long Call Broken Wing Butterfly, Long Call Butterfly, Short Iron Butterfly, Short Iron Condor, Long Put Butterfly, Bearish Broken Wing Butterfly
Category: Advanced
Short Call, Short Put, Short Straddle, Short Strangle, Bearish Risk Reversal, Call Frontspread, Put Frontspread, Bullish Risk Reversal, Synthetic Short, Synthetic Long
Category: Specialized
Call Backspread, Put Backspread
Important: You must select a symbol (e.g., SPY) and an expiration date before applying a strategy. Otherwise, a warning message will appear and no strategy will be loaded.
How it works:
Hover over a strategy to display its detail card on the right side of the panel: title, description, P&L profile chart, and characteristic tags (number of legs, debit/credit).
Click on a strategy to automatically apply it to the currently selected symbol and expiration. The platform will position the legs (options and/or shares) according to the strategy definition.
Grayed-out strategies are not available in the current context.
Click outside the panel to close it.
1.3 Portfolio
The "Portfolio" button opens the portfolio management page. This page centralizes all your saved strategies and provides a comprehensive accounting overview of your trading activity.
Selecting and Loading a Strategy
To load a strategy onto the chart, click on the desired strategy row in the table. The selected strategy will appear highlighted (dark blue background). Click the "Back to Platform" button at the bottom of the page to return to the chart with the strategy loaded.
If a strategy is highlighted, it will automatically be loaded onto the chart when returning to the platform.
If no strategy is highlighted (click the same row again to deselect), no strategy will be loaded onto the chart.
LIVE / TEST Toggle
At the top of the portfolio, a LIVE / TEST selector allows you to filter strategies by mode. The number of strategies in each mode is displayed as a badge. LIVE and TEST strategies are managed completely independently.
Accounting Metrics (Stats Card)
The statistics panel displays the key financial indicators for your portfolio:
Current Cash Balance
Your current cash balance. Calculated from starting capital, debits/credits from open positions, realized P&L from closed strategies, and realized P&L from rolled legs.
Total MTM P&L (Open)
Total Mark-to-Market P&L for currently open strategies. Updated in real time via WebSocket in LIVE mode, or based on the simulation timestamp in TEST mode.
Total Realized P&L (Closed)
Total realized P&L from closed strategies. This amount is locked in at the time each strategy is closed.
Total Portfolio Value
Total portfolio value = Starting Capital + MTM P&L (open) + Realized P&L (closed).
Positive values are displayed in blue, negative values in red.
Starting Balance
At the bottom of the page, the "Adjust Starting Balance" field allows you to set your initial capital (default: $100,000.00). This capital serves as the basis for all portfolio accounting calculations.
Important: The starting balance can only be modified when no positions exist in the portfolio. Once a strategy is saved, the field is locked to ensure calculation consistency.
Strategy Table
The main table lists all your strategies with the following columns:
ID: Unique strategy identification number. The chevron arrow on the left expands the detailed leg view.
Strategy Name: Name of the strategy (e.g., "Protective Put", "Iron Condor"). If the strategy contains positions that have been rolled, the label "Rolled" appears in italics below the name.
Entry: Strategy entry date.
Exit: Exit date (or "N/A" if the strategy is still open).
Active Legs: Total number of legs (options and/or shares) in the strategy.
MTM / Realized P&L: Real-time P&L (MTM) for open strategies, or final realized P&L for closed strategies. Blue if positive, red if negative.
Status: Open (active) or Closed.
Action: "Close" button to close an open strategy, or trash icon to delete a closed strategy.
Detailed Leg View (Expandable)
Clicking the chevron arrow to the left of a strategy expands the detailed view, displaying each leg individually:
Leg/Stock Description: Position description: quantity, type (CALL/PUT/Stock), strike price, expiration date. An additional label indicates whether the leg has been (Rolled), (Closed), or (Expired).
Entry Price: Entry price of the leg.
Exit Price: Exit price (or "N/A" if the leg is still open).
Entry Comm.: Commission paid at entry.
Exit Comm.: Commission paid at exit (or "N/A").
Current IV: Current implied volatility of the option (N/A for shares).
Delta: Position delta (for shares: Delta = number of shares).
Theta: Position theta (N/A for shares).
Vega: Position vega (N/A for shares).
Gamma: Position gamma (N/A for shares).
Leg/Stock P&L: Individual P&L for each leg. Blue if positive, red if negative.
Rolled Positions
When a position has been rolled over, the previous legs do not disappear. They remain visible in the detailed view with the (Rolled) label and their realized P&L at the time of the rollover. This allows you to:
Track the complete history of the strategy
View the P&L of each individual leg, including those that have been replaced
Understand the cumulative impact of rollovers on overall performance
Closing and Deleting
Closing a strategy: Click the "Close" button in the Action column. A confirmation popup appears with a summary of the positions and the final P&L before validation.
Deleting a strategy: Only previously closed strategies can be deleted via the trash icon. A confirmation popup prevents accidental deletion.
1.4 Language Selector
The platform is available in 3 languages:
English
Français (French)
Türkçe (Turkish)
Click on the currently displayed language (along with its flag) to open the dropdown menu. Select your preferred language — the interface updates instantly. Your choice is saved for future sessions.
1.5 Light / Dark Theme
The sun icon (when dark mode is active) or moon icon (when light mode is active) toggles between the two visual themes:
Dark mode: Dark background, light text — designed to reduce eye strain during extended sessions.
Light mode: Light background, dark text — ideal for daytime use or bright environments.
Your selected theme is saved automatically.
Mode Sombre
1.6 User Dashboard
The profile icon (user circle) opens your personal dashboard. From here, you can:
View and edit your profile information
Manage your subscription
Configure your preferences
Manage your account security
1.7 Subscription Status
The button on the far right displays your subscription status with a gradient text:
Active subscription: Plan name (e.g., Full Suite)
Trial period: Free Trial
No subscription: Upgrade Now
Click this button to access your dashboard and manage your subscription.
2
2. Control Panel
The control panel is located in the upper left area of the platform. It brings together all the essential settings to configure your trading environment: expiration selection, position entry, date and time selection, granularity, and platform mode.
2.1 Expiration Selector
The "Expiration" button opens a dropdown menu listing all available expiration dates for the currently selected symbol. Expirations are displayed in "dd MMM yy" format (e.g., 28 Apr 21) and adapt to the selected language.
LIVE mode: The menu displays expiration dates available from the current date onward. These are the expirations currently open for real-time trading.
TEST mode: The menu displays the expiration dates that were available on the selected historical date. This allows you to replicate the exact market conditions from that point in time.
If no symbol is selected, the menu displays the message "Select a symbol".
Important: You must select an expiration before you can add positions or apply a strategy.
2.2 Add Trade
The "Add trade" button opens a menu for manually adding individual positions. The menu is divided into two sections:
Options:
BUY CALL: Buy a Call option
SELL CALL: Sell a Call option
BUY PUT: Buy a Put option
SELL PUT: Sell a Put option
Underlying:
BUY [symbol]: Buy 100 shares of the underlying
SELL [symbol]: Short sell 100 shares of the underlying
The underlying buttons display the name of the selected symbol (e.g., "BUY SPY"). They are disabled until a symbol is selected.
Note: The "Add trade" button is disabled when a strategy is closed.
Progress Bar: Below the "Add trade" button, a progress bar with percentage appears while loading option chain data (Greeks, OI, OHLC, quotes). It visually indicates the download progress across all expirations.
2.3 Date Selector
The behavior of this component depends on the active mode:
LIVE mode: Today's date is displayed as read-only with a calendar icon. It updates automatically.
TEST mode: The button becomes clickable and opens an interactive calendar allowing you to select any historical date. The selected date sets the simulation day for the backtest. Only market trading days are selectable.
2.4 Time Selector
Only visible in TEST mode. This button opens a menu to select the simulation time.
Preset times:
09:35: Shortly after market open
10:00: Early morning
11:00: Mid-morning
12:00: Noon
13:00: Early afternoon
14:00: Mid-afternoon
15:00: Last hour of trading
15:30: 30 minutes before market close
Custom time: An input field at the bottom of the menu allows you to enter a specific time in HH:MM format (e.g., 09:45, 14:22). Press Enter to confirm.
2.5 Granularity Selector
The "Granularity" button opens a menu to choose the time interval for data navigation and display:
5 min: Data every 5 minutes — maximum resolution
15 min: Data every 15 minutes
30 min: Data every 30 minutes
1 hr: Hourly data — ideal for a quick overview
The selected granularity determines:
The interval between each step when navigating through time (forward/backward buttons)
The resolution of Greeks and candlestick chart data
The simulation accuracy in TEST mode
2.6 LIVE / TEST Toggle
The LIVE / TEST selector allows you to switch between the platform's two modes:
LIVE mode: Real-time mode. Data is continuously updated via WebSocket. Prices, Greeks, and volatilities reflect current market conditions. Ideal for monitoring live positions.
TEST mode: Backtest mode (historical simulation). Select a past date and time, then navigate through time using the forward/backward buttons. Ideal for testing and validating strategies against historical data.
The active mode is visually differentiated: LIVE in green, TEST in orange. Access to each mode may be restricted based on your subscription. A lock icon appears on unavailable modes. Switching between modes resets certain parameters (date, time, positions) to prevent any confusion between live and historical data.
3
3. Positions Panel
The positions panel is located in the upper right area of the platform. It displays in real time all currently open positions in your strategy, whether options or shares of the underlying.
3.1 Option Positions Display
Each option position is displayed on a single line with the following information, from left to right:
Quantity & Direction (e.g., +1 BUY PUT): Number of contracts, side (BUY/SELL), and type (CALL/PUT). Buys are displayed in blue, sells in red/terracotta.
Strike (e.g., 412): Strike price of the option.
Expiration Date (e.g., 28 Apr 2021): Contract expiration date, displayed in the selected language.
Bid (e.g., Bid 4.81): Current bid price (in green).
Ask (e.g., Ask 4.84): Current ask price (in red).
IV (e.g., IV 13.0%): Implied volatility of the option.
Delta (Δ) (e.g., Δ -0.52): Sensitivity to the underlying price.
Theta (Θ) (e.g., Θ -0.140): Daily time decay.
Vega (V) (e.g., V 0.343): Sensitivity to volatility.
Gamma (Γ) (e.g., Γ 0.035): Rate of change of delta.
Open Interest (OI) (e.g., OI 0): Number of open contracts on the market for that strike/expiration.
Positive Greek values are displayed in blue, negative values in red.
3.2 Underlying (Stock) Positions Display
Underlying positions are displayed in a simplified format:
Quantity & Direction (e.g., +100 BUY SPY @ 411.18): Number of shares, side (BUY/SELL), symbol, and entry price.
Bid (e.g., Bid 411.70): Current bid price of the underlying.
Ask (e.g., Ask 411.71): Current ask price of the underlying.
Delta (Δ) (e.g., Δ 100): For shares, Delta equals the number of shares (1 share = Delta 1). This allows you to visualize the hedging effect in mixed strategies such as Protective Put, Covered Call, or Collar.
3.3 Editing a Position
Double-click on any position to open the position editor. This allows you to modify the position parameters (strike price, quantity, entry price, etc.).
3.4 Expired Positions
In TEST mode (backtest), when the simulation date/time exceeds an option's expiration date, the platform automatically detects the expiration and updates the display:
The position text becomes grayed out
An orange (Expired) label appears next to the expiration date
The exit price is calculated at the option's intrinsic value:
CALL: max(0, underlying price − strike price)
PUT: max(0, strike price − underlying price)
If the option expires out of the money (OTM), the exit price is $0.00
All Greeks are automatically reset to zero (Δ, Θ, V, Γ = 0)
Stock positions do not expire. Legs that have already been rolled or closed are not affected by this detection.
3.5 Rollover Mode
Rollover mode allows you to roll one or more legs of a strategy to new expirations or new strike prices, without closing the entire strategy.
Once activated from the Actions panel:
A red checkbox appears to the left of each position
Checking a leg marks it for closure: it becomes crossed out, faded, and a red CLOSE badge is displayed
Unchecked legs remain in the strategy
You can then add new legs via "Add trade": they appear with a blue circular R (Rollover) badge, indicating they will replace the closed legs
Double-clicking a position opens the editor to modify its parameters (strike price, quantity, etc.)
Upon confirmation, the CLOSE legs are closed with realized P&L calculated, and the new legs (R) take their place in the strategy.
3.6 Partial Close Mode (Leg Closure)
Partial close mode allows you to individually close one or more legs without rolling them into new positions.
Once activated via the "Close" button in the Actions panel:
An orange checkbox appears to the left of each position
Checking a leg marks it for closure: it becomes crossed out and faded, with an orange CLOSE badge
Unchecked legs remain open and active
Upon confirmation, the realized P&L is calculated for each closed leg (entry price vs. exit price, commissions included).
Note: Rollover and Partial Close modes are mutually exclusive — only one can be active at a time.
3.7 Empty State
When no positions are open in the current strategy, the panel displays the centered message "No open positions".
To add your first position, use the "Add trade" menu in the control panel (see Section 2.2) after selecting a symbol and an expiration date.
4
4. Search Bar & Strike Selection
Tools for searching underlyings and selecting strike prices.
4.1 Search Bar
The search bar allows you to select the underlying symbol (stock or index) on which you want to build your options strategy.
Input: Type the ticker (e.g., SPY, AAPL) or the company name (e.g., Apple, Tesla). Text is automatically converted to uppercase.
Autocomplete: As soon as you start typing, a suggestion list appears below the bar:
- Priority 1: Symbols whose ticker starts with your input (e.g., "SP" → SPY, SPX, SPXW)
- Priority 2: Symbols whose company name starts with your input (e.g., "Apple" → AAPL)
- A maximum of 10 suggestions are displayed at a time
- Each suggestion shows the ticker in bold followed by the company name in muted text
Keyboard navigation:
- Down / Up arrow: Navigate through the suggestion list
- Enter: Confirm the selected symbol (or the typed text if no suggestion is highlighted)
Click: Click directly on a suggestion to select it.
LIVE / TEST Difference:
- LIVE mode: The full OCC (Options Clearing Corporation) symbol list is available. Only symbols with an associated company name appear in the suggestions.
- TEST mode: Only symbols whose historical data has been pre-ingested into our database are available. This ensures that all data required for backtesting is accessible locally.
4.2 Price Axis
The price axis is the horizontal band running across the center of the platform. It visually represents all available strike prices for the selected expiration.
Display:
Each strike is represented by a vertical tick mark. Every fifth tick is longer (major tick) and displays the strike value in bold.
Ticks above the center line are blue (CALL / buy zone), while those below are terracotta/peach (PUT / sell zone).
A current underlying price indicator appears as a vertical line with the ticker symbol above it (e.g., "SPY"), positioned exactly between the corresponding strikes.
Two triangles at the center of the screen (one pointing down in blue, one pointing up in terracotta) indicate the strike selection point.
Gradient fades on the left and right edges progressively mask the strikes at the extremities.
Interactions:
Drag: Click and hold on the axis, then move the mouse horizontally to scroll through strikes. The cursor changes to a grab/grabbing hand.
Auto-centering: The axis automatically re-centers on the underlying price when changing expirations, loading a strategy, or activating Rollover mode.
4.3 Contract Indicators
When positions are open, they are visually represented on the price axis as bubbles (Contract Indicators) positioned at their respective strike price.
Placement:
- BUY positions are displayed above the axis, with a pointer facing down
- SELL positions are displayed below the axis, with a pointer facing up
- If multiple positions share the same strike and direction, they are stacked vertically
Colors:
- Dark theme: Light blue background for CALLs, peach background for PUTs, with dark text
- Light theme: Light neumorphic background, ocean blue text for CALLs, terracotta text for PUTs
Content: Each bubble displays the strike value in bold (e.g., 450).
Interactions:
- Drag & drop: Click and hold on a contract bubble, then drag it horizontally to change the strike price of that position. The bubble follows the cursor and snaps to the nearest strike. The positions panel and P&L chart update in real time as you drag.
- Double-click: Opens the position editor to manually adjust parameters (strike price, quantity, entry price, etc.)
Rollover Mode: In rollover mode, only the new positions (replacement legs) are displayed and interactive on the axis. Previous positions marked as CLOSE are no longer visible on the axis.
5
5. Underlying Information Bar
The information bar displays the underlying's OHLC (Open, High, Low, Close) data on a single line for the current trading day (LIVE mode) or the selected backtest date (TEST mode).
Displayed data (from left to right):
Notes:
- Values are formatted to 2 decimal places
- If a data point is not yet available, it displays "..."
- Labels (Open, High, Low, Close) are translated based on the selected language
- In TEST mode, OHLC data corresponds to aggregated bars from market open through the selected backtest time. As you step forward in time, the High and Low values update accordingly.
| Data | Color | Example |
|---|---|---|
| Symbol | Primary text | SPY |
| Current Price | Primary text | 411.18 |
| Open | Muted gray | Open 409.50 |
| High | Green | High 412.30 |
| Low | Red | Low 408.75 |
| Close | Muted gray | Close 411.18 |
6
6. Current Underlying Price
This element prominently displays the current price of the underlying along with the daily percentage change.
Display:
Change (%): Displayed at the top in a smaller format. Calculated against the previous day's closing price.
- Positive: Green text with "+" prefix (e.g., +0.85%)
- Negative: Red text (e.g., -1.23%)
- Data unavailable: Gray text with "--"
Price: Displayed below in bold, large format with thousands separator and 2 decimal places (e.g., 4,511.18). If the price is not yet available, "..." is displayed.
LIVE mode: The price updates in real time via WebSocket. The change is calculated against the last closing price.
TEST mode: The price reflects the close of the OHLC bar at the selected backtest time. The change is calculated against the previous day's close relative to the backtest date.
7
7. P&L Chart (Analysis)
The P&L chart is the central element of the interface. It adapts dynamically to the selected analysis type.
7.1 P&L Curve (Default View)
The Line view displays the strategy's profit and loss curves as a function of the underlying price. The horizontal axis represents price, the vertical axis represents P&L in dollars. Breakeven points are marked on the chart. The current underlying price is indicated by a vertical marker. This view allows you to instantly assess the strategy's risk/reward profile at both expiration and the current date.
7.2 P&L Matrix (Heatmap)
The Heatmap view provides a color-coded two-dimensional matrix. The horizontal axis represents the underlying price, the vertical axis represents the number of days remaining until expiration. Each cell is colored based on the estimated P&L: gains in positive tones, losses in negative tones. This view allows you to evaluate how P&L evolves simultaneously across both time and price.
7.3 Volatility Skew
The Skew view displays the implied volatility curve across strike prices. Data is loaded on demand when the user clicks the Skew button. This view helps identify implied volatility imbalances between different strikes and assess whether certain contracts are overpriced or underpriced relative to the mean.
7.4 Candlestick Chart
The Log view displays a Japanese candlestick chart (OHLC) of the underlying. Each candle represents a price bar containing the open, high, low, and close values. Current bid and ask prices are overlaid on the chart. This chart enables classic technical analysis of the underlying's price action.
7.5 Greeks Profile
The Greeks view plots the strategy's Greek values (Delta, Gamma, Theta, Vega) as curves against the underlying price. Total P&L is displayed at the center of the chart. This view helps you understand the strategy's sensitivity to various market factors (direction, time, volatility, convexity).
7.6 Option Chain
The Chain view displays the option chain as an interactive table. An expiration selector allows you to navigate between available expirations. The table shows Calls on the left, Puts on the right, and strike prices in the center. For each contract, bid, ask, volume, open interest, and Greeks data are displayed. This view is available exclusively to Live Simulator Plus subscribers.
7.7 Sentiment, Congress & Insider
Three complementary views provide institutional flow data:
Sentiment: Aggregated market sentiment summary compiled from options flow data.
Congress: Reported trades by U.S. Congress members on the selected symbol.
Insider: Trading activity from the company's executives and board members.
All three views are available exclusively to Live Simulator Plus subscribers.
7.8 Live Flow
The Live Flow view displays real-time options transaction flow via a WebSocket connection. It allows you to monitor large orders and institutional activity as they happen. This view is available exclusively to Live Simulator Plus subscribers and maintains its connection independently of symbol changes.
8
8. Actions Panel & Metrics
The actions panel brings together all controls and indicators arranged around the central chart. It consists of six distinct sections.
8.1 Strategy Metrics (MetricsPanel)
Located in the upper left, this 300px panel displays key metrics for the current strategy:
Positive values are displayed in blue, negative values in red, with automatic adaptation to the light/dark theme.
| Metric | Description |
|---|---|
| Max Profit | Theoretical maximum profit. Displayed as "Unlimited" for strategies with unlimited profit potential. |
| Max Loss | Theoretical maximum loss. Displayed as "-Unlimited" for strategies with unlimited risk. |
| Net Cost/Credit | Net cost paid (debit) or premium received (credit) at strategy entry. |
| Breakeven | Breakeven point(s) — underlying price level(s) where P&L equals zero. |
| Est. Margin | Estimated margin requirement. A toggle button allows you to switch between Reg T and Portfolio margin. |
| Probability of Profit | Estimated probability that the strategy will be profitable at expiration. |
8.2.2 Roll Button (Rollover Mode)
The rollover feature allows you to roll an existing strategy to a new expiration or new strike prices. The process follows several steps.
Step 1 — Activating Rollover Mode
Clicking the "Roll" button activates rollover mode. Several visual changes appear immediately:
- The "Roll" button transforms into a "Save" button (save icon).
- An "Active Rollover Mode" banner appears below the control panel. This banner includes an animated (blinking) refresh icon and a confirmation message that the mode is active.
- In the positions panel, red checkboxes appear to the left of each leg, allowing you to select which legs to close.
- An immutable snapshot of the current positions is saved (persisted in localStorage to survive page refreshes).
Step 2 — Selecting Legs to Close
Check the legs you wish to close:
- Selected legs appear with red strikethrough text, reduced opacity (faded), and a red "CLOSE" badge on the right.
- Unselected legs retain their normal appearance — they will be kept in the strategy after the rollover (partial rollover).
Step 3 — Adding New Positions
Select a new expiration via the expiration selector and add new positions through the control panel (same as in normal mode). New positions appear below the existing ones, identified by a small blue circular "R" (Rollover) badge.
Step 4 — Validation
Clicking the "Save" button triggers a validation check before the confirmation popup opens:
- At least one leg must be selected for closure. Otherwise, an alert prompts you to select at least one leg.
- At least one new position must have been added. Otherwise, an alert prompts you to add at least one position.
If validation passes, the current underlying price is captured as the reference price and the confirmation popup opens.
Step 5 — Rollover Confirmation Popup
A large popup (1180px) is displayed with a detailed comparative view organized in two columns:
Left column — Financial Impact:
- Immediate Impact: Order type (CREDIT in green or DEBIT in red), transaction amount, commissions.
- Interim Performance: Realized P&L (locked from closed positions), Estimated Entry PnL MTM (slippage cost + commissions across all transactions), net rollover cost.
- Margin Impact: Two-column comparison table (Reg T and Portfolio) showing current margin, projected margin after rollover, and the change (capital freed in green or additional requirement in red).
Right column — Technical Details:
- Greeks Comparison: 4-column table (Greek, Current, Projected, Change) for Delta, Theta, Vega, and Gamma. Changes are colored green if favorable, red if unfavorable.
- Transaction Details: List of legs to close (red [CLOSE] badge), kept legs (blue [KEEP] badge, in case of partial rollover), and new legs (green [OPEN] badge). Each line displays: quantity, symbol, expiration date, strike, type, and execution price.
Popup states: A spinner is displayed while comparison data is loading. In case of error, a red message is shown with a close button.
Popup footer: A "Cancel" button (left) to abort and a "Confirm" button (right) to execute the rollover. The Confirm button remains disabled until the comparison data has fully loaded.
Step 6 — Execution
Clicking "Confirm" executes the rollover: the selected legs are closed, new positions are added to the strategy, rollover mode is deactivated, and the interface returns to its normal state.
8.2.4 Reset Button
A click on this button resets all positions in the editor. It is always available, even when no strategy is loaded.
9
9. Analysis Tabs
The analysis toolbar is located at the bottom right of the screen. It features 10 buttons arranged horizontally within a concave neumorphic container. Each button switches the central chart to a different visualization mode.
9.1 Toolbar Layout
The first 5 tools are free (4 icons + 1 text). The remaining 5 are reserved for Live Simulator Plus subscribers and display an amber lock icon in the upper right corner of the button when the user does not have the required subscription (opacity reduced to 70%). Clicking a locked tool triggers the upgrade prompt.
The active tab appears visually pressed (concave shadow); inactive tabs display a hover effect on mouseover.
9.2 P&L (Profit/Loss Curve)
Icon: curve (chart-line)
Multi-line chart displaying the strategy's P&L profile as a function of the underlying price.
Displayed series:
- T+0 (green): Estimated P&L at the current date.
- Expiration (blue above zero, red below): P&L at options expiration.
- T+N (multi-color palette): Projected P&L at N days into the future (configurable via the T+N control).
- Projected (purple): Projected P&L after a rollover, visible only in rollover mode.
Overlaid elements:
- Vertical "BE" (breakeven) lines at breakeven prices.
- Circular marker (dot) on the T+0 curve indicating the current underlying price.
- In backtest mode: a trail of colored dots (green for gains, red for losses) showing the historical P&L path over time.
Interaction:
Hovering displays a crosshair with a tooltip showing the price, percentage change from the current price, and each series' P&L at that price level.
9.3 Heatmap (P&L Matrix)
Icon: table (chart-table)
Color-coded two-dimensional matrix showing estimated P&L across two simultaneous axes.
Axes:
- Rows (vertical axis): Underlying price levels, with percentage deviation from the current price.
- Columns (horizontal axis): Future dates grouped by expiration, with sub-columns by period.
Display:
- Each cell contains a dollar value and a color proportional to the intensity of the gain (blue) or loss (red/pink).
- The row corresponding to the ATM price (0% change) is highlighted with a thick border and automatically centered on load.
- Price headers (left) and date headers (top) remain fixed while scrolling.
Interaction:
- Horizontal and vertical scrolling to explore the full matrix.
- Subtle row highlighting on hover.
9.4 Skew (Implied Volatility)
Icon: skew (chart-skew)
Line chart displaying implied volatility (IV) across strike prices for one or more expirations.
On-demand loading: Skew data is not pre-loaded. It is fetched only when the user clicks on this tab for the first time.
Display:
- One curve per selected expiration, each in a distinct color (8-color palette: red, orange, green, blue, etc.).
- X-axis: strike prices in dollars. Y-axis: implied volatility as a percentage.
- Data point markers at each strike.
Interaction:
- Expiration selector (upper left): Color-coded checkboxes to individually show or hide each expiration. Each checkbox border matches the corresponding series color.
- Auto-selection: On load, the expiration closest to 30 DTE is selected by default.
- Hover: Crosshair with tooltip displaying the strike and IV values for all visible expirations.
States: Loading spinner; "Select a symbol" message if no symbol is set; "Select an expiration" message if all expirations are unchecked.
9.5 Candlestick Chart
Icon: candlestick (chart-log)
OHLC candlestick chart of the underlying with configurable technical indicators.
Control bar (top):
- Granularity selector: 5 buttons (1m, 5m, 15m, 30m, 1H). The active button is colored in teal/khaki.
- Settings icon: Opens a technical indicator configuration popup. The icon lights up when indicators are active.
- Cache indicator: Green dot when data is sourced from local cache.
- Spinner: Visible during data loading.
Available technical indicators:
- SMA (Simple Moving Average) — configurable period
- EMA (Exponential Moving Average) — configurable period
- Bollinger Bands — configurable period and standard deviation
- RSI (Relative Strength Index) — displayed in a separate oscillator panel at the bottom (30% of the space)
- MACD — displayed in a separate oscillator panel with histogram; configurable fast/slow/signal periods
- Fibonacci Levels — interactive drawing via 2 clicks on the chart (a badge guides the user to place the anchor points)
Interaction:
- When both RSI and MACD are enabled, tabs allow you to switch between them in the oscillator panel.
- Left/right arrows to load earlier or more recent historical data.
- Virtual scrolling to efficiently handle large data volumes.
9.6 Greeks Profile
Button text: "GREEKS"
Visualization grid displaying the strategy's Greeks and P&L as bidirectional bars simulating underlying price movements.
Layout:
- 5 metrics stacked vertically: PnL, Delta, Theta, Vega, Gamma.
- For each metric, 8 bars are displayed: 4 on the left (negative price changes: -80%, -60%, -40%, -20%) and 4 on the right (positive price changes: +20%, +40%, +60%, +80%).
- The center column displays the metric name, its Greek symbol, and its current value.
Bars:
- Positive values extend upward (teal color).
- Negative values extend downward (coral/red color).
- Bar height and color intensity are proportional to the magnitude of the value.
Empty state: Displays "No positions open" if no positions are open.
9.7 Chain (Option Chain) — Premium
Button text: "CHAIN"
Interactive spreadsheet-style table displaying the full option chain for a given expiration.
Auto-selection: If no expiration is selected, clicking this tab automatically selects the first available (nearest) expiration.
Expiration selector (top): Horizontally scrollable pill buttons, grouped by month with automatic monthly labels. Left/right scroll buttons.
Table layout:
- Calls on the left (blue header), Puts on the right (red header), Strikes in the center.
- The ATM strike is highlighted with a colored background (khaki/teal).
- ITM (In-The-Money) rows are distinguished by a semi-transparent diagonal hatch pattern.
Columns per side (13 per side):
- IV Bid/Ask (cyan)
- Intrinsic value (amber)
- Time value (orange)
- Greeks: Delta (green), Gamma, Theta (red), Vega (purple)
- Mid, Bid, Ask
- Volume with proportional visual fill bars (blue for Calls, red for Puts)
- Open Interest
Interaction:
- Vertical scrolling to browse strikes.
- Auto-centering on the ATM strike on load.
- Row highlighting on hover.