Lightweight Charts

Performant financial charts built with HTML5 canvas
Alternatives To Lightweight Charts
Project NameStarsDownloadsRepos Using ThisPackages Using ThisMost Recent CommitTotal ReleasesLatest ReleaseOpen IssuesLicenseLanguage
Chart.js61,845939a day ago95July 26, 2023305mitJavaScript
Simple HTML5 Charts using the <canvas> tag
Echarts56,39843 days ago12January 27, 20212,387apache-2.0TypeScript
Apache ECharts is a powerful, interactive charting and data visualization library for browser
Luckysheet14,67923 days ago9October 17, 2022662mitJavaScript
Luckysheet is an online spreadsheet like excel that is powerful, simple to configure, and completely open source.
Nivo11,8801511915 days ago69May 07, 2023113mitTypeScript
nivo provides a rich set of dataviz components, built on top of the awesome d3 and React libraries
G211,7425302923 days ago326August 02, 2023112mitTypeScript
📊 A concise and progressive visualization grammar.
Gojs7,0901613 days ago264July 31, 2023otherHTML
JavaScript diagramming library for interactive flowcharts, org charts, design tools, planning tools, visual languages.
Lightweight Charts6,8966433 days ago31March 21, 2023102apache-2.0TypeScript
Performant financial charts built with HTML5 canvas
Echarts For Weixin6,528
a month ago479bsd-3-clauseJavaScript
Apache ECharts 的微信小程序版本
Spritejs5,2466294 days ago432December 13, 202268mitJavaScript
A cross platform high-performance graphics system.
Tui.chart5,235129222 months ago35January 29, 202113mitTypeScript
🍞📊 Beautiful chart for data visualization.
Alternatives To Lightweight Charts
Select To Compare


Alternative Project Comparisons
Readme

Lightweight Charts™

CircleCI npm version npm bundle size Dependencies count Downloads

Demos | Documentation | Discord community | Reddit

TradingView Lightweight Charts™ are one of the smallest and fastest financial HTML5 charts.

The Lightweight Charts™ library is the best choice for you if you want to display financial data as an interactive chart on your web page without affecting your web page loading speed and performance.

It is the best choice for you if you want to replace static image charts with interactive ones. The size of the library is close to static images but if you have dozens of image charts on a web page then using this library can make the size of your web page smaller.

Installing

es6 via npm

npm install lightweight-charts
import { createChart } from 'lightweight-charts';

const chart = createChart(document.body, { width: 400, height: 300 });
const lineSeries = chart.addLineSeries();
lineSeries.setData([
    { time: '2019-04-11', value: 80.01 },
    { time: '2019-04-12', value: 96.63 },
    { time: '2019-04-13', value: 76.64 },
    { time: '2019-04-14', value: 81.89 },
    { time: '2019-04-15', value: 74.43 },
    { time: '2019-04-16', value: 80.01 },
    { time: '2019-04-17', value: 96.63 },
    { time: '2019-04-18', value: 76.64 },
    { time: '2019-04-19', value: 81.89 },
    { time: '2019-04-20', value: 74.43 },
]);

CDN

You can use unpkg:

https://unpkg.com/lightweight-charts/dist/lightweight-charts.standalone.production.js

The standalone version creates window.LightweightCharts object with all exports from esm version:

const chart = LightweightCharts.createChart(document.body, { width: 400, height: 300 });
const lineSeries = chart.addLineSeries();
lineSeries.setData([
    { time: '2019-04-11', value: 80.01 },
    { time: '2019-04-12', value: 96.63 },
    { time: '2019-04-13', value: 76.64 },
    { time: '2019-04-14', value: 81.89 },
    { time: '2019-04-15', value: 74.43 },
    { time: '2019-04-16', value: 80.01 },
    { time: '2019-04-17', value: 96.63 },
    { time: '2019-04-18', value: 76.64 },
    { time: '2019-04-19', value: 81.89 },
    { time: '2019-04-20', value: 74.43 },
]);

Build Variants

Dependencies included Mode ES module CommonJS ⚠️ IIFE (window.LightweightCharts)
No PROD lightweight-charts.production.mjs lightweight-charts.production.cjs N/A
No DEV lightweight-charts.development.mjs lightweight-charts.development.cjs N/A
Yes (standalone) PROD lightweight-charts.standalone.production.mjs - lightweight-charts.standalone.production.js
Yes (standalone) DEV lightweight-charts.standalone.development.mjs - lightweight-charts.standalone.development.js

⚠️ Deprecation note: CommonJS support will be removed from the library at the start of 2024.

Development

See BUILDING.md for instructions on how to build lightweight-charts from source.

License

Licensed under the Apache License, Version 2.0 (the "License"); you may not use this software except in compliance with the License. You may obtain a copy of the License at LICENSE file. Unless required by applicable law or agreed to in writing, software distributed under the License is distributed on an "AS IS" BASIS, WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. See the License for the specific language governing permissions and limitations under the License.

This software incorporates several parts of tslib (Microsoft/tslib, (c) Microsoft Corporation) that are covered by BSD Zero Clause License.

This license requires specifying TradingView as the product creator. You shall add the "attribution notice" from the NOTICE file and a link to https://www.tradingview.com/ to the page of your website or mobile application that is available to your users. As thanks for creating this product, we'd be grateful if you add it in a prominent place.

Popular Canvas Projects
Popular Chart Projects
Popular Web User Interface Categories
Related Searches

Get A Weekly Email With Trending Projects For These Categories
No Spam. Unsubscribe easily at any time.
Javascript
Typescript
Html
Chart
Canvas
Finance
Html5 Canvas
Charting
Chart Library