Lightweight Charts

Quem publica cotações num site quer gráfico de candle que não pese a página. A TradingView mantém o Lightweight Charts para esse caso: uma biblioteca em HTML5 canvas cujo tamanho, segundo o README, fica próximo ao de uma imagem estática. Você entrega os pontos de preço, e ela desenha.

Para que serve

• Mostrar candlesticks de ações, moedas ou criptoativos numa página ou num painel de corretora.
• Combinar séries de linha, área, barra, baseline e histograma, como preço e volume juntos.
• Criar séries e ferramentas próprias com o sistema de plugins, que tem catálogo e exemplos.

Como começar

npm install lightweight-charts

No código, createChart recebe o elemento da página e as dimensões. Em seguida, chart.addSeries(LineSeries) cria uma série e setData recebe pares de tempo e valor. Sem bundler, há uma versão standalone no unpkg que expõe o objeto global window.LightweightCharts. A biblioteca não traz cotação nenhuma: os dados vêm da API ou do banco que você escolher. Ela desenha números, e nada no gráfico é recomendação de investimento.

Licença e custo

A base é a Apache 2.0, com um pedido que o README deixa explícito: a TradingView precisa aparecer como criadora do produto. Para cumprir isso, você inclui o aviso do arquivo NOTICE e coloca um link para tradingview.com numa página que seus usuários vejam. A opção attributionLogo do gráfico exibe esse link dentro dele. Valem também as obrigações comuns da Apache 2.0, como levar a licença junto e marcar o que foi alterado. O pacote inclui trechos do tslib, sob a BSD Zero Clause. A biblioteca é gratuita; o site lista ainda Advanced Charts e Trading Platform entre as soluções para empresas, sem detalhar condições.

Quando vale a pena

Um blog de mercado, uma plataforma de cripto ou uma corretora pequena consegue exibir preços com ela mantendo o site leve. Para leitores leigos, o guia de análise gráfica explica o que cada formato mostra. Se o projeto precisa de gráficos de negócio variados, Chart.js e Apache ECharts oferecem mais tipos fora do universo financeiro.