What are you building?
Indicators, an embedded chart, or the terminal itself. Browse the sections below or search for what you need.
Sections
- VP ScriptThe language indicators are written in. TypeScript-shaped, whole-array rather than bar-by-bar, and it runs in the reader's own browser.First steps
- EmbeddingPut a live chart on your own website. Free, no account, no key, and none of our code runs in your page.Embed a chart
- The libraryThe chart as files you host and wire your own data into, for a trading platform rather than an article. Commercial, and on request.Host the chart yourself
- The terminalEvery screen in the product, what it shows, and the jargon explained in one line each.Help
Free, and mostly account-free
Nothing on these pages needs an account, and neither does writing an indicator or embedding a chart. Only publishing an indicator does. There is no key to request and no trial to start.
Browse all pages
VP Script
- First stepsWhat it is, and an indicator on your chart in about a minute.
- The languageSeries, gaps, loops, and the handful of things a script may not do.
- Inputs and drawingDeclaring the study, taking settings from the reader, and putting marks on the chart.
- Other symbols and timeframes`request.security`, intrabar data, and why neither can see the future.
- VisualsEvery way to draw, with a rendered example of each.
- AlertsDeclaring a condition worth being told about.
- Publishing and sharingThe review, the sandbox, sending one to a single person, and taking it down.
- Errors and refusalsWhat is refused, why, and what to write instead.
- ReferenceEvery function, with its signature.
Coming from another technology
- From Pine ScriptOnce per bar becomes once over every bar, and nearly everything about the port follows from that.
- From TA-Lib and pandas-taPython. Whole-array already, so the shapes match; the differences are NaN, warm-up and where it runs.
- From MQL4 and MQL5MetaTrader. Buffers become returned series, and the indexing runs the other way.
Embedding
- Embed a chartWhat an embed is, what it costs you, and the two shapes it comes in.
- QuickstartA live chart on your page in two minutes, then the one thing to do next.
- Security modelWhat the chart can do on your page, what we can see, and how to check.
- TroubleshootingEvery way an embed fails, what it looks like, and the one line that fixes it.
- What's newEvery change to the embed, what each one is for, and the one refusal that was reversed.
Guides
- Use your own dataConnect your market data. The methods, the shapes, and the call sequence.
- Without our scriptOne iframe and a bridge you own, for a page that cannot load third-party code.
- StylingTheme, chrome and height. What your own CSS reaches, and what the frame boundary keeps out.
- Live chartsA small chart that moves with every tick: a line or candles, from the same datafeed as the full chart.
- Control the chartDrive a mounted chart from your page, and hear back when the reader acts.
- Remember the reader's chartSave a layout and its drawings, and put them back on the next visit. You keep it; we store nothing.
- Orders and positionsEntry, stop, target and a full bracket, drawn on the chart and draggable.
- Draw your own layersMap a price to a pixel and keep your own overlay pinned to the chart. The price scale, and the event that keeps it fresh.
- Economic calendarMacro releases in the time gutter. Off unless you ask, and why.
- IndicatorsCommunity indicators on an embed, and the reader's own.
- Display currencyDraw a chart in another currency, and name the market its rate comes from.
- Framework recipesReact, Vue, Svelte, Next.js, WordPress, Ghost, Webflow. Working code for each.
- Migrate from TradingViewPort an existing integration: the parameter mapping, the datafeed, the method names, and what does not carry over.
Reference
- Reference overviewWhat is in here and which page answers which question.
- URL parametersEvery option an embed URL accepts, with a live chart showing what it does.
- Methods you callEvery method you can call on a mounted chart, with its arguments and what it returns.
- EventsEverything the chart tells you, and the exact payload of each.
- ObjectsEvery structure that crosses the boundary: bars, symbols, lines, markers.
- Methods you implementThe six datafeed methods your page provides, and which two are required.
- Wire messagesEvery postMessage type in both directions, for a bridge you write yourself.
- LimitsEvery cap the embed enforces, read out of the code that enforces it.
- TypeScript typesOne declaration file for the loader, so every method, event and colour role autocompletes.
- Symbols and intervalsWhat a symbol string is, what an interval means, and the two units that trip everyone.
The library
- Host the chart yourselfWhat it is, what you take on, and an honest comparison against the embed before you choose it.
- Installing itThe package contents, the three builds, and the mounting code for vanilla JavaScript, React and Vue.
- The live chartA small animated price chart for cards, tickers and landing pages, shipped in the same package beside the full chart.