Fácil y Bonito
Como dice el nombre, Katu (Bonitos) Charts (Gráficos) del tupí-guaraní brasileño, es una biblioteca de gráficos bonitos e interactivos en pocas líneas de código, construida íntegramente con D3.js y con una interfaz de API fácil de usar.
npm install katucharts.js
Míralo en acción
Escribe el código, mira el gráfico — y recorre una muestra de los 64 tipos, renderizados en vivo en esta página.
import KatuCharts from 'katucharts.js';
// Sesiones semanales del sitio, por dispositivo
KatuCharts.chart('sessions', {
chart: { type: 'areaspline' },
title: { text: 'Tráfico Semanal' },
yAxis: { title: { text: 'Visitas' } },
xAxis: {
categories: ['Lun','Mar','Mié','Jue','Vie','Sáb','Dom']
},
series: [
{ name: 'Escritorio',
data: [450, 520, 480, 610, 580, 320, 280] },
{ name: 'Móvil',
data: [280, 350, 420, 510, 490, 410, 380] }
]
});Listo para todo
Módulos complementarios opcionales para finanzas, bioinformática, tablas de datos y React — importa los que necesites junto al core.
Finanzas
import 'katucharts.js/finance'Series de tiempo financieras y suite completa de indicadores.
- Velas, OHLC y Heikin-Ashi
- Renko, Kagi, Point & Figure
- 19 indicadores listos para usar
- RSI, MACD, Bollinger, VWAP, Ichimoku
Bio
import 'katucharts.js/bio'Genómica y estadística lista para publicación.
- Gráficos volcán y Manhattan
- Gráficos circos de genoma de múltiples pistas
- Gráficos Kaplan-Meier y forest plots
- Árboles filogenéticos, PCoA, logos de secuencia
DataTable
import { DataTable } from 'katucharts.js/datatable'Cuadrículas interactivas que se emparejan con cualquier gráfico.
- Ordenar, filtrar y paginar
- Selección de filas
- Formateadores de celdas personalizados
- Exportar a CSV / JSON
React
import { KatuChartsReact } from 'katucharts.js/react'Un componente envolvente de React de primera clase.
- Propiedad de opciones declarativa
- Limpieza automática al desmontar
- Devolución de llamada lista
- Funciona con todos los tipos de gráficos
Lo que trae la v0.2.31
Comienza en segundos
Tres pasos. Tu primer gráfico se renderiza en menos de un 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] }]
});Gratis de verdad
Todas las funciones en todos los planes. Los planes de pago solo quitan la marca de agua.
Gratis
Todo incluido, sin coste alguno.
- Los 64 tipos de gráficos
- Todos los módulos — Finance, Bio, DataTable, React
- Uso comercial e interno
- Uso ilimitado, sin registro
Anual
Licencia renovada cada año.
- Todo lo del plan Gratis
- Válida por 1 año
- Actualizaciones incluidas
De por vida
Paga una vez, úsalo para siempre.
- Todo lo del plan Gratis
- Licencia de por vida
- Pago único, sin renovaciones
Precios en dólares (USD). Los planes de pago son idénticos al Gratis: solo quitan la marca de agua.