Biblioteca JavaScript gratuita e de código aberto para vincular dados a SVG, Canvas e HTML e criar visualizações personalizadas orientadas a dados.
chartjs/Chart.js
Biblioteca JavaScript de gráficos simples e flexível que renderiza gráficos HTML5 no elemento canvas.
Alternativa open source a:Google Charts
Highcharts
- Estrelas
- 67,751
- Forks
- 11,949
- Issues abertas
- 613
- Último commit
- há 1 hora
O que é?
Chart.js é uma biblioteca JavaScript de gráficos que desenha gráficos usando o elemento canvas do HTML5. Você passa um objeto de configuração que descreve o tipo de gráfico, os dados e as opções, e ela renderiza um gráfico interativo no navegador.
A biblioteca é voltada a designers e desenvolvedores que precisam de tipos de gráfico comuns sem ter que criar o código de desenho do zero. A documentação aborda gráficos de linha, de barras e outros tipos, além de eixos configuráveis, estruturas de dados e uma seção para desenvolvedores sobre como criar extensões.
Chart.js é distribuído sob a licença MIT. Os links da documentação apontam para a versão 4 da biblioteca, e as versões anteriores estão disponíveis em URLs de documentação específicas por versão.
Recursos principais
- 01Renderiza gráficos no elemento canvas do HTML5, no navegador.
- 02Oferece suporte a vários tipos de gráfico, configurados por meio de um único objeto de opções.
- 03Oferece eixos, escalas e estruturas de dados configuráveis.
- 04Inclui pontos de extensão documentados para criar plugins.
Casos de uso
- Adicionar gráficos interativos de linha ou de barras a um dashboard web.
- Visualizar métricas ou dados analíticos em uma aplicação frontend.
- Incorporar gráficos simples a sites de conteúdo sem dependências pesadas.
Início rápido
- 1
Leia o guia de instalação na documentação
- 2
Explore a documentação para começar
Em coleções
Tópicos
Perguntas frequentes
- O que é Chart.js?
- Biblioteca JavaScript de gráficos simples e flexível que renderiza gráficos HTML5 no elemento canvas. Chart.js é uma biblioteca JavaScript de gráficos que desenha gráficos usando o elemento canvas do HTML5. Você passa um objeto de configuração que descreve o tipo de gráfico, os dados e as opções, e ela renderiza um gráfico interativo no navegador.
- Chart.js é gratuito? Qual é a licença?
- Chart.js é open source sob a licença MIT. Confira os termos da licença antes de usá-lo em produtos comerciais.
- Chart.js ainda é mantido?
- Manutenção ativa. O último commit de Chart.js foi em 22 de out. de 2026.
- Para que posso usar Chart.js?
- Adicionar gráficos interativos de linha ou de barras a um dashboard web. Visualizar métricas ou dados analíticos em uma aplicação frontend. Incorporar gráficos simples a sites de conteúdo sem dependências pesadas.
- Como instalar Chart.js?
- Leia o guia de instalação na documentação Explore a documentação para começar
- Onde consigo Chart.js?
- O código-fonte e as instruções de instalação estão no GitHub: https://github.com/chartjs/Chart.js
Resumo gerado por IA a partir do README do projeto. As estatísticas do GitHub são atualizadas diariamente.
Projetos relacionados
Uma biblioteca JavaScript 3D que facilita criar e renderizar cenas 3D no navegador com WebGL e WebGPU.
Biblioteca de gráficos para React baseada em D3, com componentes declarativos para compor gráficos SVG em aplicações React.
Helm é o gerenciador de pacotes do Kubernetes: instala e gerencia aplicações empacotadas como Charts reutilizáveis.
Uma gramática JSON de alto nível para gráficos interativos declarativos, que compila especificações completas do Vega.
Uma gramática declarativa em JSON para criar visualizações de dados interativas, renderizadas em HTML5 Canvas ou SVG.