Project Name | Stars | Downloads | Repos Using This | Packages Using This | Most Recent Commit | Total Releases | Latest Release | Open Issues | License | Language |
---|---|---|---|---|---|---|---|---|---|---|
Chart.js | 61,845 | 939 | a day ago | 95 | July 26, 2023 | 305 | mit | JavaScript | ||
Simple HTML5 Charts using the <canvas> tag | ||||||||||
Echarts | 56,398 | 4 | 3 days ago | 12 | January 27, 2021 | 2,387 | apache-2.0 | TypeScript | ||
Apache ECharts is a powerful, interactive charting and data visualization library for browser | ||||||||||
Luckysheet | 14,679 | 2 | 3 days ago | 9 | October 17, 2022 | 662 | mit | JavaScript | ||
Luckysheet is an online spreadsheet like excel that is powerful, simple to configure, and completely open source. | ||||||||||
Nivo | 11,880 | 151 | 191 | 5 days ago | 69 | May 07, 2023 | 113 | mit | TypeScript | |
nivo provides a rich set of dataviz components, built on top of the awesome d3 and React libraries | ||||||||||
G2 | 11,742 | 530 | 292 | 3 days ago | 326 | August 02, 2023 | 112 | mit | TypeScript | |
📊 A concise and progressive visualization grammar. | ||||||||||
Gojs | 7,090 | 16 | 13 days ago | 264 | July 31, 2023 | other | HTML | |||
JavaScript diagramming library for interactive flowcharts, org charts, design tools, planning tools, visual languages. | ||||||||||
Lightweight Charts | 6,896 | 6 | 43 | 3 days ago | 31 | March 21, 2023 | 102 | apache-2.0 | TypeScript | |
Performant financial charts built with HTML5 canvas | ||||||||||
Echarts For Weixin | 6,528 | a month ago | 479 | bsd-3-clause | JavaScript | |||||
Apache ECharts 的微信小程序版本 | ||||||||||
Spritejs | 5,246 | 6 | 29 | 4 days ago | 432 | December 13, 2022 | 68 | mit | JavaScript | |
A cross platform high-performance graphics system. | ||||||||||
Tui.chart | 5,235 | 129 | 22 | 2 months ago | 35 | January 29, 2021 | 13 | mit | TypeScript | |
🍞📊 Beautiful chart for data visualization. |
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.
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 },
]);
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 },
]);
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.
See BUILDING.md for instructions on how to build lightweight-charts
from source.
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.