StocksBlitz - Layout 1: Trading-First Dashboard (Interactive)

⚡ StocksBlitz

📊

Trading Account

📈

Trading Strategy

Select Strategy

Market Open NSE 09:15 - 15:30

Running

Day P&L Loading...

🔔 3

Raghu Mutya

Family Head

📈 Dashboard

💹 F&O Monitor

📊 Equity Monitor

🤖 My Strategies

🏪 Marketplace

📋 Orders

💼 Portfolio

🔔 Alerts

💬 Messages

💰 Payments

📄 Statements

⚙️ Settings

Multi-Account Command Center

Trading Accounts Overview

Total P&L

Loading...

Available Margin

Loading...

Open Positions

Active Accounts

Loading accounts... Please wait

Loading...

Fetching trading accounts

P&L: --
Margin: --
Positions: --
Status: LOADING

Available Margin

↑ --

Today's P&L

↑ --

Open Positions

Active Strategies

NIFTY 50 - Real-time

Open Positions 8 Active

Symbol	Qty	Avg Price	LTP	P&L

Recent Orders 2 Pending

Symbol	Type	Qty	Price	Strategy	Status

Quick Order

Trading as:

No strategy selected

Symbol

Quantity

Order Type

Product

Active Strategies + New

Open Positions (0) ↻ Refresh

Loading positions...

Recent Alerts View All

Today's P&L

${pnl >= 0 ? '+' : '-'}₹${Math.abs(pnl).toLocaleString('en-IN')}

Win Rate

${winRate}%

Max Drawdown

-${drawdown}%

Profit Factor

${pf}

Total Trades

${trades}

`; const payoffCtx = document.getElementById('payoffChart'); const strategyCtx = document.getElementById('strategyChart'); if (!payoffCtx || !strategyCtx) return; const payoffData = { labels: ['Spot-400', 'Spot-200', 'Spot', 'Spot+200', 'Spot+400'], datasets: [{ label: 'Payoff', data: [-3000, -1200, 800, 1800, 1200], borderColor: '#13c2c2', backgroundColor: 'rgba(19, 194, 194, 0.15)', tension: 0.3, fill: true }] }; const strategyData = { labels: Array.from({ length: 20 }, (_, i) => `T${i + 1}`), datasets: [{ label: 'P&L', data: Array.from({ length: 20 }, () => (Math.random() - 0.4) * 1500).map((v, i, arr) => { if (i === 0) return v; return (arr[i - 1] || 0) + v; }), borderColor: '#52c41a', backgroundColor: 'rgba(82, 196, 26, 0.12)', tension: 0.3, fill: true }] }; if (analyticsCharts.payoff) analyticsCharts.payoff.destroy(); if (analyticsCharts.strategy) analyticsCharts.strategy.destroy(); analyticsCharts.payoff = new Chart(payoffCtx, { type: 'line', data: payoffData, options: { plugins: { legend: { display: false } }, scales: { y: { ticks: { color: '#8c8c8c' } }, x: { ticks: { color: '#8c8c8c' } } } } }); analyticsCharts.strategy = new Chart(strategyCtx, { type: 'line', data: strategyData, options: { plugins: { legend: { display: false } }, scales: { y: { ticks: { color: '#8c8c8c' } }, x: { ticks: { color: '#8c8c8c' } } } } }); }

Your Strategies

Trading Accounts Overview