{"id":13762293,"url":"https://tradingview.github.io/lightweight-charts/","last_synced_at":"2025-05-10T14:31:46.756Z","repository":{"id":37484459,"uuid":"188438191","full_name":"tradingview/lightweight-charts","owner":"tradingview","description":"Performant financial charts built with HTML5 canvas","archived":false,"fork":false,"pushed_at":"2025-05-01T12:16:17.000Z","size":86194,"stargazers_count":11340,"open_issues_count":103,"forks_count":1810,"subscribers_count":168,"default_branch":"master","last_synced_at":"2025-05-05T17:33:47.361Z","etag":null,"topics":["canvas","charting","charting-library","charts","finance","financial-charting-library","html5-charts","javascript","typescript"],"latest_commit_sha":null,"homepage":"https://www.tradingview.com/lightweight-charts/","language":"TypeScript","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":"apache-2.0","status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/tradingview.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":"CONTRIBUTING.md","funding":null,"license":"LICENSE","code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null,"governance":null,"roadmap":null,"authors":null,"dei":null,"publiccode":null,"codemeta":null,"zenodo":null}},"created_at":"2019-05-24T14:41:49.000Z","updated_at":"2025-05-05T11:59:57.000Z","dependencies_parsed_at":"2024-01-16T20:53:50.303Z","dependency_job_id":"d69d3131-fb3d-4e55-887b-ba104eb08cc0","html_url":"https://github.com/tradingview/lightweight-charts","commit_stats":{"total_commits":2029,"total_committers":51,"mean_commits":39.78431372549019,"dds":0.6840808279940858,"last_synced_commit":"b41933866e1b86218268a430ada894f618a6588b"},"previous_names":[],"tags_count":51,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/tradingview%2Flightweight-charts","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/tradingview%2Flightweight-charts/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/tradingview%2Flightweight-charts/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/tradingview%2Flightweight-charts/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/tradingview","download_url":"https://codeload.github.com/tradingview/lightweight-charts/tar.gz/refs/heads/master","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":252542791,"owners_count":21765033,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2022-07-04T15:15:14.044Z","host_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub","repositories_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories","repository_names_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repository_names","owners_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners"}},"keywords":["canvas","charting","charting-library","charts","finance","financial-charting-library","html5-charts","javascript","typescript"],"created_at":"2024-08-03T14:00:38.287Z","updated_at":"2025-05-10T14:31:46.742Z","avatar_url":"https://github.com/tradingview.png","language":"TypeScript","funding_links":[],"categories":["Official Links"],"sub_categories":["Lightweight Charts™ Library"],"readme":"\u003c!-- markdownlint-disable no-inline-html first-line-h1 --\u003e\n\n\u003cdiv align=\"center\"\u003e\n  \u003ca href=\"https://www.tradingview.com/lightweight-charts/\" target=\"_blank\"\u003e\n    \u003cimg width=\"200\" src=\"https://github.com/tradingview/lightweight-charts/raw/master/.github/logo.svg?sanitize=true\" alt=\"Lightweight Charts logo\"\u003e\n  \u003c/a\u003e\n\n  \u003ch1\u003eLightweight Charts™\u003c/h1\u003e\n\n  [![CircleCI][ci-img]][ci-link]\n  [![npm version][npm-version-img]][npm-link]\n  [![npm bundle size][bundle-size-img]][bundle-size-link]\n  [![Dependencies count][deps-count-img]][bundle-size-link]\n  [![Downloads][npm-downloads-img]][npm-link]\n\u003c/div\u003e\n\n\u003c!-- markdownlint-enable no-inline-html --\u003e\n\n[Demos][demo-url] | [Documentation](https://tradingview.github.io/lightweight-charts/) | [Discord community](https://discord.gg/UC7cGkvn4U) | [Reddit](https://www.reddit.com/r/TradingView/)\n\nTradingView Lightweight Charts™ are one of the smallest and fastest financial HTML5 charts.\n\nThe 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.\n\nIt is the best choice for you if you want to replace static image charts with interactive ones.\nThe 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.\n\nTake a look at [awesome-tradingview](https://github.com/tradingview/awesome-tradingview?tab=readme-ov-file#lightweight-charts) for related projects created by our community members.\n\nThe library provides a rich set of charting capabilities out of the box, but developers can also extend its functionality by building custom plugins. See the [interactive plugin examples here](https://tradingview.github.io/lightweight-charts/plugin-examples/), or check out [plugin-examples/README.md](https://github.com/tradingview/lightweight-charts/tree/master/plugin-examples) for more details.\n\n## Installing\n\n### es6 via npm\n\n```bash\nnpm install lightweight-charts\n```\n\n```js\nimport { createChart, LineSeries } from 'lightweight-charts';\n\nconst chart = createChart(document.body, { width: 400, height: 300 });\nconst lineSeries = chart.addSeries(LineSeries);\nlineSeries.setData([\n    { time: '2019-04-11', value: 80.01 },\n    { time: '2019-04-12', value: 96.63 },\n    { time: '2019-04-13', value: 76.64 },\n    { time: '2019-04-14', value: 81.89 },\n    { time: '2019-04-15', value: 74.43 },\n    { time: '2019-04-16', value: 80.01 },\n    { time: '2019-04-17', value: 96.63 },\n    { time: '2019-04-18', value: 76.64 },\n    { time: '2019-04-19', value: 81.89 },\n    { time: '2019-04-20', value: 74.43 },\n]);\n```\n\n### CDN\n\nYou can use [unpkg](https://unpkg.com/):\n\n\u003chttps://unpkg.com/lightweight-charts/dist/lightweight-charts.standalone.production.js\u003e\n\nThe standalone version creates `window.LightweightCharts` object with all exports from `esm` version:\n\n```js\nconst chart = LightweightCharts.createChart(document.body, { width: 400, height: 300 });\nconst lineSeries = chart.addSeries(LightweightCharts.LineSeries);\nlineSeries.setData([\n    { time: '2019-04-11', value: 80.01 },\n    { time: '2019-04-12', value: 96.63 },\n    { time: '2019-04-13', value: 76.64 },\n    { time: '2019-04-14', value: 81.89 },\n    { time: '2019-04-15', value: 74.43 },\n    { time: '2019-04-16', value: 80.01 },\n    { time: '2019-04-17', value: 96.63 },\n    { time: '2019-04-18', value: 76.64 },\n    { time: '2019-04-19', value: 81.89 },\n    { time: '2019-04-20', value: 74.43 },\n]);\n```\n\n### Build Variants\n\n|Dependencies included|Mode|ES module|IIFE (`window.LightweightCharts`)|\n|-|-|-|-|\n|No|PROD|`lightweight-charts.production.mjs`|N/A|\n|No|DEV|`lightweight-charts.development.mjs`|N/A|\n|Yes (standalone)|PROD|`lightweight-charts.standalone.production.mjs`|`lightweight-charts.standalone.production.js`|\n|Yes (standalone)|DEV|`lightweight-charts.standalone.development.mjs`|`lightweight-charts.standalone.development.js`|\n\n## Development\n\nSee [BUILDING.md](./BUILDING.md) for instructions on how to build `lightweight-charts` from source.\n\n## License\n\nLicensed under the Apache License, Version 2.0 (the \"License\"); you may not use this software except in compliance with the License.\nYou may obtain a copy of the License at LICENSE file.\nUnless 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.\n\nThis software incorporates several parts of tslib (\u003chttps://github.com/Microsoft/tslib\u003e, (c) Microsoft Corporation) that are covered by BSD Zero Clause License.\n\nThis license requires specifying TradingView as the product creator.\nYou shall add the \"attribution notice\" from the NOTICE file and a link to \u003chttps://www.tradingview.com/\u003e to the page of your website or mobile application that is available to your users.\nAs thanks for creating this product, we'd be grateful if you add it in a prominent place.\nYou can use the [`attributionLogo`](https://tradingview.github.io/lightweight-charts/docs/api/interfaces/LayoutOptions#attributionLogo) chart option for displaying an appropriate link to \u003chttps://www.tradingview.com/\u003e on the chart itself, which will satisfy the link requirement.\n\n[demo-url]: https://www.tradingview.com/lightweight-charts/\n\n[ci-img]: https://img.shields.io/circleci/build/github/tradingview/lightweight-charts.svg\n[ci-link]: https://circleci.com/gh/tradingview/lightweight-charts\n\n[npm-version-img]: https://badge.fury.io/js/lightweight-charts.svg\n[npm-downloads-img]: https://img.shields.io/npm/dm/lightweight-charts.svg\n[npm-link]: https://www.npmjs.com/package/lightweight-charts\n\n[bundle-size-img]: https://badgen.net/bundlephobia/minzip/lightweight-charts\n[deps-count-img]: https://img.shields.io/badge/dynamic/json.svg?label=dependecies\u0026color=brightgreen\u0026query=$.dependencyCount\u0026uri=https%3A%2F%2Fbundlephobia.com%2Fapi%2Fsize%3Fpackage%3Dlightweight-charts\n[bundle-size-link]: https://bundlephobia.com/result?p=lightweight-charts\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/tradingview.github.io%2Flightweight-charts%2F","html_url":"https://awesome.ecosyste.ms/projects/tradingview.github.io%2Flightweight-charts%2F","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/tradingview.github.io%2Flightweight-charts%2F/lists"}