📚 Catálogo de Dashboards as a Service

Escolha um gráfico, veja a documentação e clique para testar e gerar o seu JSON dinamicamente.

Nativo (ApexCharts)

Colunas e Linhas

Learning Activity Chart

Gráfico que mistura barras e linhas para comparar semanas e médias.

▶ Abrir Teste
line

Gráfico de Linhas

Linhas contínuas ou pontilhadas, ideais para evolução no tempo.

▶ Abrir Teste
bar

Gráfico de Colunas

Barras verticais para comparar valores entre categorias.

▶ Abrir Teste
bar

Gráfico de Barras

Barras horizontais, ótimas para rankings ou nomes de categorias longos.

▶ Abrir Teste
area

Gráfico de Área

Linhas onde o espaço abaixo é preenchido com cor ou gradiente.

▶ Abrir Teste
pie

Gráfico de Pizza e Rosca

Divisão percentual de um todo em fatias.

▶ Abrir Teste
radar

Gráfico de Radar / Teia

Um polígono que compara múltiplas variáveis partindo de um centro comum.

▶ Abrir Teste
radialBar

Barra Radial / Medidor

Um anel que vai se preenchendo para mostrar o progresso rumo a 100% ou metas.

▶ Abrir Teste
heatmap

Mapa de Calor

Uma matriz de quadrados onde a intensidade da cor representa o volume de dados.

▶ Abrir Teste
polarArea

Área Polar

Semelhante à pizza, mas todas as fatias têm o mesmo ângulo e o raio varia.

▶ Abrir Teste
bar

Gráfico de Funil

Mostra estágios de um processo e como os números diminuem a cada etapa.

▶ Abrir Teste
scatter

Dispersão

Pontos soltos em um plano cartesiano para mostrar a correlação entre duas variáveis.

▶ Abrir Teste
bubble

Gráfico de Bolhas

Evolução da dispersão, onde o tamanho da bolha adiciona uma terceira variável.

▶ Abrir Teste
rangeBar

Linha do Tempo / Gantt

Barras horizontais flutuantes que mostram data de início e fim de eventos.

▶ Abrir Teste
candlestick

Gráfico de Velas

O clássico gráfico de ações de bolsa de valores.

▶ Abrir Teste
treemap

Mapa de Árvore

Retângulos aninhados onde a área de cada bloco é proporcional à sua quantidade.

▶ Abrir Teste
boxPlot

Gráfico de Caixa

Usado em estatística para mostrar a distribuição de dados.

▶ Abrir Teste
bar

Histograma

Barras coladas para visualizar distribuição de frequências.

▶ Abrir Teste
line

Sparkline

Mini-gráfico limpo, perfeito para usar dentro de pequenos cards e KPIs.

▶ Abrir Teste

Outras Bibliotecas (Chart.js, ECharts, Google, D3)

Chart.js

Chart.js - Barras

Gráfico de barras leve e rápido, renderizado via Canvas HTML5. Ideal para o dia a dia.

▶ Abrir Teste
Apache ECharts

ECharts - Linhas

Alta performance e complexidade gráfica, suporta milhares de pontos sem travar.

▶ Abrir Teste
Google Charts

Google Charts - Colunas

Estável e corporativo, renderizado nos servidores do Google.

▶ Abrir Teste
D3.js

D3.js - Barras

Liberdade total de desenho via manipulação direta de SVG. Complexo, mas ilimitado.

▶ Abrir Teste