Getting started
Welcome to our TradingView Widgets documentation.
This documentation will guide you on integrating our financial widgets into your website. You will learn how to customize the widgets, implement and use them effectively for top-notch financial visualization.
What are widgets
TradingView Widgets are ready-to-use financial tools you can embed into your website to display market data.
Widgets are perfect for finance blogs, trading platforms, portfolio trackers, or any website that wants to share financial insights with users. With just a few lines of code, you can display interactive charts, live tickers, economic calendars, watchlists, and more.
How widgets work
Each widget is available as a lightweight HTML snippet or a React component, so you can easily integrate it into any website or app. Widgets come with built-in data provided by TradingView, so there’s no need to connect your own data sources or APIs. All you do is just:
- Pick a widget.
- Customize it in the constructor.
- Copy and paste the auto-generated embed code into your website.
That’s it — the widget appears instantly!
Also, each widget is fully responsive and designed with accessibility in mind, making it easy to deliver a seamless experience across devices and assistive technologies.
Where to start
Build your first widget page
New to TradingView Widgets? Start here. This hands-on tutorial walks you through building a complete web page using our widgets. You’ll learn how to choose, customize, and embed widgets step by step, with ready-to-use code snippets.
Explore available widgets
Access the directory of all our widgets, customize them, and generate the embed code for your website. Here, you can also find some example configurations of the widgets for efficient usage.
Explore available markets
Browse the full list of all available markets and their data level provided for our widgets. This can range from real-time data, delayed data, to end of day data.
See widgets in action
Get inspired by live examples of mock websites that show how different widgets work together, creating holistic financial data dashboard sites. You can explore examples like Stocks, Forex, and Crypto to have a better understanding.
Find quick answers
Got questions? We’ve gathered answers to the most common ones — from troubleshooting widget issues to understanding customization options.
More from TradingView
We’re not just about widgets. TradingView offers a suite of other products to fuel your financial ambitions.
- Explore Lightweight Charts™, our open-source, nimble charting solution designed for developers.
- If you’re looking for a comprehensive charting solution with all the bells and whistles, our Charting Libraries have got you covered.
Just remember, with these products, you’ll need to provide your own data. Widgets, on the other hand, come with built-in data provided by TradingView.