Repolode
Enviar
frappe

frappe/charts

Biblioteca JavaScript sem dependências para renderizar gráficos SVG simples e responsivos, com visual inspirado no GitHub.

Ver no GitHubSite
Estrelas
15,093
Forks
756
Issues abertas
150
Último commit
há 19 dias

O que é?

Frappe Charts é uma biblioteca de gráficos para o navegador que transforma arrays de valores em gráficos SVG. Ela prioriza uma API pequena e simples e um estilo visual inspirado nos gráficos do GitHub, sem dependências em tempo de execução.

A biblioteca oferece gráficos de eixos, de área e tendência, de barras, de linhas, de pizza, percentuais, de eixos mistos e heatmaps. Os gráficos podem incluir marcadores nos eixos x e y, regiões e tooltips. É possível adicionar, remover ou atualizar pontos de dados diretamente, ou substituir todo o conjunto de dados, além de personalizar opções como cores, animações e títulos.

Pode ser instalada pelo npm, importada como módulo ES ou carregada diretamente de uma CDN com uma tag de script UMD. Foi criada originalmente para o projeto ERPNext, que precisava de um gráfico mais simples do que os oferecidos pelas bibliotecas existentes.

Recursos principais

  • 01Oferece gráficos de eixos, de área, de tendência, de barras, de linhas, de pizza, percentuais, de eixos mistos e heatmaps
  • 02Adiciona marcadores nos eixos x e y, regiões e tooltips para anotações
  • 03Atualiza pontos de dados individualmente ou atualiza todo o conjunto de dados
  • 04Permite personalizar cores, animações e títulos
  • 05Não tem dependências e pode ser distribuída pelo npm ou por uma CDN

Casos de uso

  • Adicionar gráficos simples de vendas ou atividade a um dashboard web
  • Exibir gráficos em interfaces administrativas ou no estilo ERP sem bibliotecas de gráficos pesadas
  • Incorporar gráficos SVG leves em páginas nas quais o tamanho do bundle é importante

Início rápido

  1. 1

    Instale o pacote pelo npm

    npm install frappe-charts
  2. 2

    Importe a classe Chart e seu CSS no projeto

    import { Chart } from 'frappe-charts'
  3. 3

    Crie um gráfico dentro de um elemento contêiner com as opções data, type e height

Em coleções

Frameworks frontend e componentes de interfaceCursos e ferramentas de ciência de dados

Tópicos

#charts#svg#data-visualization#javascript#zero-dependency#frontend#chart#graph#hacktoberfest#svg-chart

Perguntas frequentes

O que é charts?
Biblioteca JavaScript sem dependências para renderizar gráficos SVG simples e responsivos, com visual inspirado no GitHub. Frappe Charts é uma biblioteca de gráficos para o navegador que transforma arrays de valores em gráficos SVG. Ela prioriza uma API pequena e simples e um estilo visual inspirado nos gráficos do GitHub, sem dependências em tempo de execução.
charts é gratuito? Qual é a licença?
charts é open source sob a licença MIT. Confira os termos da licença antes de usá-lo em produtos comerciais.
charts ainda é mantido?
Manutenção ativa. O último commit de charts foi em 19 de out. de 2026.
Para que posso usar charts?
Adicionar gráficos simples de vendas ou atividade a um dashboard web Exibir gráficos em interfaces administrativas ou no estilo ERP sem bibliotecas de gráficos pesadas Incorporar gráficos SVG leves em páginas nas quais o tamanho do bundle é importante
Como instalar charts?
Instale o pacote pelo npm: npm install frappe-charts Importe a classe Chart e seu CSS no projeto: import { Chart } from 'frappe-charts' Crie um gráfico dentro de um elemento contêiner com as opções data, type e height
Onde consigo charts?
O código-fonte e as instruções de instalação estão no GitHub: https://github.com/frappe/charts

Resumo gerado por IA a partir do README do projeto. As estatísticas do GitHub são atualizadas diariamente.

Projetos relacionados