Biblioteca JavaScript de gráficos simples e flexível que renderiza gráficos HTML5 no elemento canvas.
tradingview/lightweight-charts
Uma biblioteca pequena e rápida de canvas HTML5 para criar gráficos financeiros interativos em páginas da web.
Alternativa open source a:TradingView
- Estrelas
- 17,784
- Forks
- 2,693
- Issues abertas
- 132
- Último commit
- ontem
O que é?
Lightweight Charts é uma biblioteca de gráficos em TypeScript da TradingView que renderiza gráficos financeiros interativos em canvas HTML5. Ela foi projetada para substituir imagens estáticas de gráficos em páginas da web por versões interativas, acrescentando muito pouco ao tamanho da página e ao tempo de carregamento.
Os desenvolvedores criam um gráfico com createChart, adicionam séries, como séries de linha, e fornecem dados com carimbo de data e hora. A biblioteca pode ser instalada pelo npm, carregada de uma CDN como um bundle independente ou usada por meio de builds pré-compiladas para desenvolvimento e produção. A API também conta com documentação e exemplos interativos de plugins, e um catálogo de plugins reúne extensões que vão além dos recursos integrados.
O projeto é licenciado sob Apache-2.0, e os termos exigem atribuição à TradingView, que pode ser exibida pela opção de gráfico attributionLogo. O repositório também inclui agent skills para ajudar assistentes de programação com IA a trabalhar com a API v5.
Recursos principais
- 01Renderiza gráficos financeiros interativos em canvas HTML5.
- 02Pode ser instalada pelo npm ou carregada de uma CDN como um bundle independente.
- 03Oferece um sistema de plugins para criar séries e primitivas personalizadas.
- 04Inclui builds de desenvolvimento e produção nos formatos ES module e IIFE.
- 05Fornece tipos TypeScript e uma API documentada com exemplos.
Casos de uso
- Adicionar gráficos de preços interativos a um site de trading ou de dados de mercado.
- Substituir imagens estáticas de gráficos em dashboards para reduzir o peso das páginas.
- Criar visualizações financeiras personalizadas usando a API de plugins.
Início rápido
- 1
Instale a biblioteca pelo npm
npm install lightweight-charts - 2
Importe createChart e LineSeries e crie um gráfico na sua página
Antes de usar
- É voltada à exibição de gráficos financeiros; não é uma biblioteca de gráficos de uso geral.
Em coleções
Tópicos
Perguntas frequentes
- O que é lightweight-charts?
- Uma biblioteca pequena e rápida de canvas HTML5 para criar gráficos financeiros interativos em páginas da web. Lightweight Charts é uma biblioteca de gráficos em TypeScript da TradingView que renderiza gráficos financeiros interativos em canvas HTML5. Ela foi projetada para substituir imagens estáticas de gráficos em páginas da web por versões interativas, acrescentando muito pouco ao tamanho da página e ao tempo de carregamento.
- lightweight-charts é gratuito? Qual é a licença?
- lightweight-charts é open source sob a licença Apache-2.0. Confira os termos da licença antes de usá-lo em produtos comerciais.
- lightweight-charts ainda é mantido?
- Manutenção ativa. O último commit de lightweight-charts foi em 6 de nov. de 2026.
- Para que posso usar lightweight-charts?
- Adicionar gráficos de preços interativos a um site de trading ou de dados de mercado. Substituir imagens estáticas de gráficos em dashboards para reduzir o peso das páginas. Criar visualizações financeiras personalizadas usando a API de plugins.
- Como instalar lightweight-charts?
- Instale a biblioteca pelo npm: npm install lightweight-charts Importe createChart e LineSeries e crie um gráfico na sua página
- Onde consigo lightweight-charts?
- O código-fonte e as instruções de instalação estão no GitHub: https://github.com/tradingview/lightweight-charts
Resumo gerado por IA a partir do README do projeto. As estatísticas do GitHub são atualizadas diariamente.
Projetos relacionados
Biblioteca de gráficos para React baseada em D3, com componentes declarativos para compor gráficos SVG em aplicações React.
Uma linguagem intermediária de visualização que permite a agentes de IA transformar especificações compactas em gráficos refinados para Vega-Lite, ECharts, Chart.js, Plotly ou Excel.
Uma gramática tipada de gráficos em TypeScript para criar visualizações responsivas, acessíveis e renderizadas no servidor com primitivas D3 modulares.
Biblioteca gratuita e de código aberto para criar gráficos interativos em .NET, com suporte a apps GUI, consoles, Blazor e notebooks.
Biblioteca JavaScript gratuita e de código aberto para vincular dados a SVG, Canvas e HTML e criar visualizações personalizadas orientadas a dados.