CrypView Wiki

🗺 Overview

CrypView is a 100% client-side progressive web application for real-time cryptocurrency technical analysis. All data comes directly from the Binance public API to your browser — no backend, no registration, no data collection.

• 500+ USDT pairs from Binance Spot, live via WebSocket
• 19+ technical indicators across Trend, Momentum, Volatility and Volume categories
• 8 multi-chart layouts — 2, 4, 9 panels, vertical and asymmetric grids
• Footprint Chart, Orderflow Delta/CVD, Volume Profile — real-time via aggTrade streams
• Advanced alerts with 11 condition types, AND/OR logic, cooldown, snooze and expiration
• Paper Trading & Backtesting — full simulation engine with P&L and metrics
• DEX support via GeckoTerminal (Ethereum, BSC, Solana, Arbitrum, Base and more)
• PWA installable on desktop and mobile — works in standalone window
• i18n — English, Français, 中文, العربية (RTL support)

🚀 Quick Start

1. Open page.html (single chart) or choose a multi-chart layout from the home page.
2. Type a symbol in the search bar (e.g. ETH, SOL, PEPE) and press Enter or click a result.
3. Select a timeframe from the strip: 1s · 1m · 3m · 5m · 15m · 30m · 1h · 2h · 4h · 6h · 12h · 1d · 3d · 1w · 1M.
4. Right-click on the chart to access indicators, drawing tools, alerts, multi-charts and settings.
5. Press Ctrl+K or / to open the Command Palette — search symbols, indicators and actions instantly.

⌨️ Keyboard Shortcuts

🔍 Symbols & Search

CrypView loads all active USDT pairs from GET /api/v3/exchangeInfo at startup and caches them for the session. The search supports partial matching on both the base asset (BTC) and the full pair (BTCUSDT).

Recent symbols

The last 12 visited pairs are stored in localStorage and shown at the top of the dropdown before you start typing. Navigate with ↑↓ and confirm with Enter.

DEX symbols

Click the 🔗 DEX button in the context menu to switch to GeckoTerminal mode. Search by token name, symbol or contract address (e.g. 0xabc...). Results are filtered by the selected network (Ethereum, BSC, Solana, etc.).

⏱ Timeframes

15 timeframes are available: 1s 1m 3m 5m 15m 30m 1h 2h 4h 6h 12h 1d 3d 1w 1M.

The 1s timeframe uses the @aggTrade WebSocket stream and synthesizes 1-second candles in real time. Historical 1s data is not available from Binance and is generated on-the-fly.

🔲 Multi-Charts

Right-click → Multi-Charts to access all layout options. Each panel is fully independent: symbol, timeframe, active indicators and drawing state are managed separately.

Sync toolbar

Each multi-chart page includes a sync bar at the top. You can independently enable/disable crosshair sync and zoom/pan sync across all panels showing the same or different symbols.

MTF Drawing Sync

Drawings are keyed by symbol (e.g. drawKey_btcusdt) and shared automatically across panels displaying the same pair. Changing the timeframe of a panel preserves all drawings.

📊 Indicators Overview

Open the indicator picker via right-click → Indicators → Choose indicators, or press I. Indicators are grouped into four categories and searchable. Heavy calculations (Ichimoku, ADX, SuperTrend, MACD) run in a Web Worker to keep the main thread smooth.

Active indicators are shown in the indicator bar below the header. Click the × badge to remove one, or use Remove all in the footer of the picker.

📈 Trend Indicators

⚡ Momentum Indicators

🌪 Volatility Indicators

🔊 Volume Indicators

📁 Profiles & Presets

Access via right-click → Indicators → Profiles & Presets. A profile saves a combination of active indicators + current timeframe. Six built-in presets are available:

• Scalping — Short MAs, VWAP, RSI. Optimized for 1-5 min entries.
• Swing — Ichimoku, Bollinger, MACD. H4-Daily positioning.
• Volume — Volume Profile, VWAP, MFI.
• Orderflow — Footprint + Delta CVD for order book reading.
• Momentum — RSI, MACD, Stochastic, ADX for directional strength.
• Volatility — Bollinger, Keltner, ATR for compression detection.

Up to 20 custom profiles can be saved per browser. Profiles are stored in localStorage and persist across sessions.

🦶 Footprint Chart

The Footprint displays Ask (buyer-initiated) and Bid (seller-initiated) volume by price level inside each candle. This gives a precise view of where the market traded and at what ratio.

How it works

1. On load, REST GET /api/v3/aggTrades seeds historical aggTrade data for the visible range.
2. The live @aggTrade WebSocket stream then updates tick-by-tick in real time.
3. Each trade is classified as Ask (price >= ask) or Bid (price <= bid) using the m field (maker side).

Imbalance detection

When Ask/Bid ratio at a price level exceeds 3×, a gold border highlights that cell. This signals aggressive one-sided pressure that may indicate support/resistance absorption.

Zoom requirement

Footprint values become readable at roughly 28px+ per candle. Zoom in if you see blank cells.

📊 Orderflow Delta / CVD

Delta = Ask volume − Bid volume per candle. Positive delta means net buying pressure; negative means net selling pressure.

CVD (Cumulative Volume Delta) accumulates delta over the entire loaded session. A rising CVD confirms an uptrend; falling CVD during rising price is a bearish divergence signal.

Both are displayed in a sub-panel below the main chart. The histogram is colored green (positive delta) or red (negative delta). The CVD line overlays it in orange.

📈 Volume Profile

The Volume Profile shows volume distribution across price levels rather than time. Key levels displayed:

• POC (Point of Control) — price level with the highest traded volume. Strong magnet / support-resistance.
• VAH (Value Area High) — upper bound of the 70% value area.
• VAL (Value Area Low) — lower bound of the 70% value area.

The profile is calculated from all candles in the current visible range and re-calculated on scroll/zoom.

🔥 Liquidation Heatmap

Uses the Binance Futures @forceOrder WebSocket stream — no API key required. Renders as a canvas overlay on top of the main chart.

• Red bars — long liquidations (sellers forced out)
• Green bars — short liquidations (buyers forced in)

A live panel in the sidebar shows the 8 most recent liquidations with USD amounts. Only available for pairs with a Binance perpetual Futures market.

📉 Open Interest

Open Interest tracks the total number of outstanding derivative contracts that have not been settled. The OI indicator in CrypView shows:

• OI Delta bars — change in OI per candle (green = growing, red = declining)
• OI line — cumulative open interest over the session

Rising price + rising OI = strong trend. Falling price + rising OI = bearish conviction. Divergences can precede reversals.

🔗 DEX (GeckoTerminal)

Access via right-click → Multi-Charts → DEX or the 🔗 DEX button. CrypView queries the free GeckoTerminal public API (no key required) to load OHLCV data from decentralized exchange pools.

Supported networks

Ethereum, BSC, Solana, Arbitrum, Base, Polygon, Avalanche, Optimism and more — all networks indexed by GeckoTerminal.

How it works

• Search by token name (e.g. PEPE) or contract address (0x6982...).
• Results show pool name, DEX, network, liquidity and 24h volume.
• On selection, OHLCV data is polled every 60 seconds (GeckoTerminal API limit).
• A badge in the header shows: 🔗 DEX {network} · {dex} · ⟳ 60s.

✏️ Drawing Tools — Overview

Access via right-click → Drawing Tools. Once a tool is selected, a toolbar appears at the bottom of the screen showing placement instructions. All drawings are saved per symbol in localStorage and shared across timeframes (MTF sync).

Common interactions

• Drag anchors — click and drag any anchor point to reposition it (v2.9+)
• Right-click a drawing — opens context menu: set alert on crossover ↑↓, delete
• Ctrl+Z — undo the last drawing
• Object Tree (O) — hide, lock or delete drawings by name

🛠 All Drawing Tools

📋 Object Tree

Press O or right-click → Tools → Objects to open the Object Tree panel. It lists all drawings and active indicators for the current chart.

For each object you can: 👁 Hide/Show — toggle visibility without deleting · 🔒 Lock — prevent accidental repositioning · 🗑 Remove — permanently delete.

🔔 Alerts — Overview

Right-click on the chart at the desired price level → Alerts → New alert. The price field is pre-filled with the cursor price. Alerts require the tab to be open (background tabs are fine).

When triggered: a native OS notification is fired (requires browser permission) plus a double-tone audio signal via Web Audio API. Alerts are stored in crypview_alerts_v3 in localStorage and survive page reloads.

⚙ Alert Conditions

Multiple conditions can be combined with AND (all must be true) or OR (any must be true) logic. Available condition types:

🎛 Advanced Alert Options

• Repeat — trigger multiple times (not just once)
• Cooldown — minimum time between successive triggers (1m, 5m, 15m, 30m, 1h, 4h)
• Limit — maximum number of times the alert can fire (1–100 or unlimited)
• Expiration — auto-delete after 1h, 8h, 24h, 7d, 30d or never
• Snooze — temporarily pause an alert from the Alert Center

Alerts sync across tabs in the same browser via BroadcastChannel. The Alert Center (right-click → Alerts → Alert Center) shows Active and History (last 50 triggers) tabs.

📈 Paper Trading

A risk-free simulation engine. Access via right-click → Tools → Paper Trading. A virtual account of 10,000 USDT is pre-loaded (resettable).

Opening a position

1. Select side: Long ▲ or Short ▼
2. Enter amount in USDT
3. Optionally set Stop-Loss % and Take-Profit %
4. Click the submit button — position opens at the current live price

Metrics tracked

• Available balance · Total equity · Realized P&L
• Win Rate · Max Drawdown · Total performance %
• Individual trade history with entry/exit prices and P&L

Simulated fees: 0.1% per trade (maker + taker approximation). Chart markers (▲ BUY, ▼ SELL, ⛔ SL, 🎯 TP) are drawn on the main chart.

🧪 Backtesting

Access via right-click → Tools → Backtesting. The engine runs entirely in the browser using the OHLCV candles currently loaded in the chart.

Strategy builder

Choose entry and exit signal conditions (AND/OR logic), trading side (Long or Short), Stop-Loss %, Take-Profit % and capital allocation per trade.

Available signals: RSI overbought/oversold · MACD crossover · Golden/Death Cross · Price vs VWAP · Bollinger breakout · Positive/Negative momentum.

Result metrics

• Trades — total triggered · Win Rate — % profitable
• Total P&L · Max Drawdown
• Sharpe Ratio · Avg Win / Avg Loss · Profit Factor
• Last 20 trades shown in a detail table

🗂 Workspaces

Press W or right-click → Tools → Workspaces to open the Workspace panel. A workspace saves the full state of the current multi-chart layout: panel count, symbols, timeframes, active indicators and sync settings.

Up to 15 workspaces can be saved. Workspaces are layout-aware — a saved 4-panel workspace will restore with the correct grid when opened from any multi-chart view.

🔍 Market Screener

Access via right-click → Indicators → Market Screener. Loads 24h ticker data for all USDT pairs from Binance and presents them in sortable tabs:

• Gainers — top % change up · Losers — top % change down
• Volume — highest USDT volume
• Breakout — pairs trading near their 24h high or low
• Extremes — pairs at statistical extremes of their daily range
• Volatility — widest high-low range % relative to open

Minimum 500k USDT volume filter applied. Click any row to load that pair into the active chart. Filter by name in the search field. Results auto-refresh with the Refresh button.

📤 Export & Share

Access via right-click → Tools → Export & Share. Three tabs:

• Image — downloads a composite PNG of the chart including candles, indicators, drawings, a header bar with symbol / price / timeframe, and a CrypView watermark.
• Data — exports the loaded OHLCV candles as CSV or structured JSON with metadata.
• Share — generates a URL that encodes the current symbol and timeframe. Copy it or use the native share sheet. Also exports the full setup (symbol, TF, indicators) as JSON for sharing with others.

⚙️ Settings

Right-click → Tools → Settings. Available options:

• Theme — Dark (default) or Light. Anti-flash script applies the theme synchronously before CSS loads to prevent the white flash.
• Language — English · Français · 中文 · العربية. Locale is persisted in crypview_locale and detected automatically from navigator.languages on first visit.

📲 PWA Installation

Chrome / Edge (desktop)

Click the ⊞ icon in the address bar → Install. CrypView opens in a standalone window without browser chrome.

Safari (iOS)

Tap the Share button → Add to Home Screen. Requires iOS 15+.

Firefox

Menu → Install app.

PWA shortcuts

Three shortcuts are configured in manifest.json: Simple view, Multi 2, Multi 4 — accessible by long-pressing the home screen icon on mobile.

Offline behaviour

Static assets (HTML, CSS, JS, fonts) are cached by the Service Worker and available offline. Live market data requires an active internet connection.

📡 Data Sources

CrypView is 100% client-side. All network requests go directly from your browser to the external APIs — no proxy, no backend.

WebSocket pool

CrypView uses WSPool — a connection pool that deduplicates streams. Up to 200 streams per connection, 5 connections max. Reconnects automatically with exponential backoff (1s → 2s → 4s … 30s max).

localStorage keys

• crypview-theme — light/dark preference
• crypview_locale — language preference
• crypview_alerts_v3 — saved alerts
• crypview_multi*_state_v1 — multi-chart panel state
• crypview_paper_v1 — Paper Trading account
• drawKey_{symbol} — drawings per symbol
• crypview_workspaces — saved workspaces
• crypview_profiles — saved indicator profiles