Fácil e Bonito
Como diz o nome, Katu (Bonitos) Charts (Gráficos) do Tupi-Guarani Brasileiro, é uma biblioteca de gráficos bonitos e interativos em poucas linhas de código, feita inteiramente usando D3.js e com uma interface de API de fácil uso.
npm install katucharts.js
Veja em ação
Escreva o código, veja o gráfico — e percorra uma amostra dos 64 tipos, renderizados ao vivo nesta página.
import KatuCharts from 'katucharts.js';
// Sessões semanais do site, por dispositivo
KatuCharts.chart('sessions', {
chart: { type: 'areaspline' },
title: { text: 'Tráfego Semanal' },
yAxis: { title: { text: 'Visitas' } },
xAxis: {
categories: ['Seg','Ter','Qua','Qui','Sex','Sáb','Dom']
},
series: [
{ name: 'Computador',
data: [450, 520, 480, 610, 580, 320, 280] },
{ name: 'Celular',
data: [280, 350, 420, 510, 490, 410, 380] }
]
});Pronto para tudo
Módulos complementares opcionais para finanças, bioinformática, tabelas de dados e React — importe os que precisar junto ao core.
Finance
import 'katucharts.js/finance'Séries temporais financeiras e a suite completa de indicadores.
- Candlestick, OHLC & Heikin-Ashi
- Renko, Kagi, Point & Figure
- 19 indicadores nativos
- RSI, MACD, Bollinger, VWAP, Ichimoku
Bio
import 'katucharts.js/bio'Genômica pronta para publicação e estatísticas.
- Gráficos vulcão e Manhattan
- Gráficos circos de genoma multi-trilha
- Gráficos Kaplan-Meier e forest
- Árvores filogenéticas, PCoA, logos de sequência
DataTable
import { DataTable } from 'katucharts.js/datatable'Grades interativas que funcionam com qualquer gráfico.
- Ordenação, filtro e paginação
- Seleção de linha
- Formatadores de célula personalizados
- Exportação para CSV / JSON
React
import { KatuChartsReact } from 'katucharts.js/react'Um componente wrapper React de primeira classe.
- Props de opções declarativas
- Limpeza automática no desmonte
- Callback pronto
- Funciona com cada tipo de gráfico
O que vem na v0.2.31
Comece em segundos
Três passos. Seu primeiro gráfico renderiza em menos de um minuto.
Instalar
npm install katucharts.jsImportar
import KatuCharts from 'katucharts.js'Renderizar
KatuCharts.chart('my-chart', {
chart: { type: 'line' },
series: [{ data: [1, 3, 2, 5, 4] }]
});Grátis de verdade
Todos os recursos em todos os planos. Os planos pagos apenas removem a marca d'água.
Grátis
Tudo incluído, sem custo nenhum.
- Todos os 64 tipos de gráficos
- Todos os módulos — Finance, Bio, DataTable, React
- Uso comercial e interno
- Uso ilimitado, sem cadastro
Anual
Licença renovada a cada ano.
- Tudo do plano Grátis
- Licença válida por 1 ano
- Atualizações incluídas
Vitalício
Pague uma vez, use para sempre.
- Tudo do plano Grátis
- Licença vitalícia
- Pagamento único, sem renovação
Preços em dólar (USD). Os planos pagos são idênticos ao Grátis — apenas removem a marca d'água.