Easy and Beautiful
As the name says — Katu (Beautiful) Charts, from Brazilian Tupi-Guarani — a library for beautiful, interactive charts in a few lines of code, built entirely on D3.js with an easy-to-use API.
npm install katucharts.js
See it in action
Write the code, see the chart — then browse a taste of all 64 types, rendered live on this page.
import KatuCharts from 'katucharts.js';
// Weekly website sessions, split by device
KatuCharts.chart('sessions', {
chart: { type: 'areaspline' },
title: { text: 'Weekly Traffic' },
yAxis: { title: { text: 'Visits' } },
xAxis: {
categories: ['Mon','Tue','Wed','Thu','Fri','Sat','Sun']
},
series: [
{ name: 'Desktop',
data: [450, 520, 480, 610, 580, 320, 280] },
{ name: 'Mobile',
data: [280, 350, 420, 510, 490, 410, 380] }
]
});Ready for anything
Optional add-on modules for finance, bioinformatics, data tables and React — import the ones you need alongside the core.
Finance
import 'katucharts.js/finance'Financial time series and the full indicator suite.
- Candlestick, OHLC & Heikin-Ashi
- Renko, Kagi, Point & Figure
- 19 indicators out of the box
- RSI, MACD, Bollinger, VWAP, Ichimoku
Bio
import 'katucharts.js/bio'Publication-ready genomics and statistics.
- Volcano & Manhattan plots
- Multi-track circos genome plots
- Kaplan-Meier & forest plots
- Phylo trees, PCoA, sequence logos
DataTable
import { DataTable } from 'katucharts.js/datatable'Interactive grids that pair with any chart.
- Sort, filter & paginate
- Row selection
- Custom cell formatters
- Export to CSV / JSON
React
import { KatuChartsReact } from 'katucharts.js/react'A first-class React wrapper component.
- Declarative options prop
- Auto cleanup on unmount
- Ready callback
- Works with every chart type
What ships in v0.2.31
Get started in seconds
Three steps. Your first chart renders in under a minute.
Install
npm install katucharts.jsImport
import KatuCharts from 'katucharts.js'Render
KatuCharts.chart('my-chart', {
chart: { type: 'line' },
series: [{ data: [1, 3, 2, 5, 4] }]
});Genuinely free
Every feature in every plan. Paid plans only remove the watermark.
Free
Everything included, at no cost.
- All 64 chart types
- Every module — Finance, Bio, DataTable, React
- Commercial and internal use
- Unlimited use, no sign-up
Annual
A license renewed every year.
- Everything in Free
- Valid for 1 year
- Updates included
Lifetime
Pay once, use forever.
- Everything in Free
- Lifetime license
- One-time payment, no renewals
Prices in US dollars. Paid plans are identical to Free — they just remove the watermark.