Tutorials
Guides
Customization
Customizing appearance & features
Accessibility
How to improve A11y support
Framework integrations
This section contains some tutorials how to use Lightweight Charts™ with some popular frameworks.
React
Integration guide for React
Vue.js
Integration guide for Vue.js
Web Components
Web components custom element
If you think that a tutorial is missing feel free to ask in the discussions or submit your own.
How To
A collection of code examples showcasing the various capabilities of the library, and how to implement common additional features.
- Custom horizontal scale
- Inverted Price Scale
- Legends
- Panes
- Price and Volume
- Price Lines
- Series Markers
- Set crosshair position
- Tooltips
- Two Price Scales
- Watermark
Examples / Demos
A collection of demos showcasing the various capabilities of the library.
- Compare multiple series
- Custom font
- Custom locale
- Infinite history
- Moving average
- Range switcher
- Realtime updates
- Whitespace data
- Yield Curve with Updates
Analysis indicators
The analysis indicator examples below serve as a starting point for creating your own indicators. You can use them directly in your projects. Follow the links to see the indicators' source code on GitHub.
To run them locally, follow the setup instructions in the repository. You can also explore each indicator in action on a live demo page.
Average Price
Calculates the average of prices (e.g., open, high, low, close)
Correlation
Measures the statistical relationship between two data series
Median Price
Returns the median (middle) value between high and low prices
Momentum
Measures the rate of change in price over time
Simple Moving Average
Smooths data by averaging values over a fixed period
Percent Change
Shows the relative change between two values as a percentage
Product
Multiplies a series of values
Ratio
Divides one value by another
Spread
Calculates the difference between two values
Sum
Adds up a series of values
Weighted Close
Calculates a weighted average of high, low, and close prices