# Financial Charts > Render stock/price charts in financial reports with TradingView Lightweight Charts (candlestick, OHLCV, volume, indicators, backtest markers, equity curves). Use whenever a report chart is fundamentally about a traded instrument's price over time. Keep ECharts for generic business charts. Fill a declarative JSON spec plus a sibling data JSON; deliver as an artifact. - Skill: `rebyteai/financial-charts-2` (Agent Skill, multi-file: 3 files) - Install (CLI): `npx skillmds@latest add rebyteai/financial-charts-2` - Raw SKILL.md: https://api.skillmd.com/api/skills/rebyteai/financial-charts-2/raw - Safety review: pending - Works with: Claude Code, Claude.ai, OpenAI Codex - Category: Docs & Writing - Author: rebyteai (https://skillmd.com/u/rebyteai) - Updated: 2026-09-22 - Page: https://skillmd.com/skills/rebyteai/financial-charts-2 --- # Financial Charts (TradingView Lightweight Charts) Phase 3 (Generate the Report) sub-skill. When a report contains **price data for a traded instrument over time**, render it with TradingView's open-source [Lightweight Charts](https://tradingview.github.io/lightweight-charts/) — **not ECharts**. You do not hand-code charts: you fill a declarative JSON **spec** and write a sibling **data JSON**, using the stable template in `templates/price-chart.html`. ## Routing rule — TradingView vs ECharts Decide by what the chart is *fundamentally about*: | Use **Lightweight Charts** (this skill) | Use **ECharts** / generic charting | |---|---| | Candlestick / K-line for a ticker | Heatmap, correlation matrix | | Price + volume | Pie / donut breakdown | | Price with SMA/EMA/Bollinger overlays | Bar / column category comparison | | Backtest chart with buy/sell markers | Scatter / bubble | | Strategy equity curve + drawdown | Treemap | | RSI / MACD / volume secondary panes | Generic KPI dashboards, metric tiles | | Intraday or daily OHLCV | Any non-price analytical visualization | | Stock comparison where price/time inspection matters | | **Test:** *Is the x-axis time and the subject a traded instrument's price / OHLCV / indicators / trade markers / equity curve?* → this skill. Otherwise → ECharts or the generic charting skill. Non-goal: do **not** replace ECharts for generic business charts. This skill is specifically for TradingView-style market/price charts. ## Workflow 1. **Copy the template.** Start from `templates/price-chart.html`. It is stable — do **not** edit the rendering engine. You edit only the `