> ## Documentation Index
> Fetch the complete documentation index at: https://docs.quantdesk.app/llms.txt
> Use this file to discover all available pages before exploring further.

# Interactive Charting & Technical Analysis

> Institutional-grade charting on QuantDesk: native Lightweight Charts, Pyth Hermes WebSocket streaming, multi-pane indicators, and visual order brackets.

# Interactive Charting & Technical Analysis

QuantDesk provides a **Solana-native charting engine** built directly on TradingView Lightweight Charts. All price action, indicators, and bracket lines render directly onto native HTML5 canvas buffers with hardware acceleration — eliminating third-party tracking scripts, external iframes, and render lag.

<CardGroup cols={3}>
  <Card title="Zero-Iframe Native Canvas" icon="layer-group">
    Direct WebGL/2D hardware-accelerated canvas rendering with zero third-party telemetry.
  </Card>

  <Card title="Sub-Second Pyth Streaming" icon="bolt">
    Active candles expand boundaries in real time with intra-bar ticks over WebSocket.
  </Card>

  <Card title="Visual Order Brackets" icon="crosshairs">
    Interactive Stop-Loss and Take-Profit lines rendered directly over active price action.
  </Card>
</CardGroup>

***

## Charting Pipeline Architecture

```mermaid theme={null}
flowchart LR
  A["Pyth Hermes\nWebSocket Feed"] -->|Sub-second ticks| B["PriceFeedManager\n(Intra-Bar Pulse)"]
  B --> C["TradingView Canvas\n(Native WebGL)"]
  D["Solana L1 BST Slab\n(Resting Liquidity)"] --> C
  C --> E["Main Pane: Candlesticks & EMAs"]
  C --> F["Sub-Pane 1: Volume Histogram"]
  C --> G["Sub-Pane 2: RSI / MACD Oscillators"]
```

***

## Supported Timeframe Resolutions

| Interval | Resolution | Data Aggregation | Primary Trading Use Case |
| :-: | :- | :- | :- |
| **`1m`** | 60 seconds | High-frequency Pyth ticks | Scalping, breakout entries |
| **`5m`** | 300 seconds | 5-minute OHLCV | Intraday momentum |
| **`15m`** | 900 seconds | 15-minute OHLCV | Day trading structure |
| **`1h`** | 3,600 seconds | 1-hour OHLCV | Key support / resistance levels |
| **`4h`** | 14,400 seconds | 4-hour OHLCV | Swing trading & trend confirmation |
| **`1D`** | 86,400 seconds | Daily OHLCV | Macro trend & 52-week context |

<Tip>
  **Candle Countdown Timer**: The top chart toolbar features an active countdown timer (`⏱ MM:SS`) indicating exact seconds until the current candle closes.
</Tip>

***

## Visual Bracket Overlays

Pending resting orders and position safeguards appear as visual lines directly on the chart canvas:

| Bracket Line | Visual Indicator | Purpose |
| :- | :-: | :- |
| **Entry Level** | Solid Blue (`#3B82F6`) | Your position average execution price |
| **Take Profit (TP)** | Dashed Green (`#10B981`) | Target exit price to close for profit |
| **Stop Loss (SL)** | Dashed Red (`#EF4444`) | Risk threshold to trigger emergency exit |
| **Liquidation Price** | Dotted Orange (`#F97316`) | Maintenance margin threshold evaluated by oracles |

***

## Built-In Technical Indicators

<AccordionGroup>
  <Accordion title="Volume Histogram" icon="chart-simple">
    Color-coded bars displayed in an isolated sub-pane indicating maker vs taker volume alongside price candles.
  </Accordion>

  <Accordion title="Relative Strength Index (RSI 14)" icon="wave-pulse">
    Momentum oscillator isolated in a sub-pane with reference bounds at 70 (overbought) and 30 (oversold).
  </Accordion>

  <Accordion title="Exponential Moving Averages (EMA 20 / 50 / 200)" icon="chart-line">
    Smooth trendlines mapped over price candles for identifying dynamic support/resistance zones.
  </Accordion>

  <Accordion title="Bollinger Bands (20, 2)" icon="arrows-split-up-and-left">
    Dynamic volatility channels measuring 2 standard deviations from a 20-period simple moving average.
  </Accordion>
</AccordionGroup>


This documentation is built and hosted on [Mintlify](https://mintlify.com), a developer documentation platform.