Simple, modern, web chart library
- Charts:
- Line Chart
- Bar Chart
- Renders to SVG
- Dynamic resizing and placement in flexible DOM containers
- CSS transitions
- CSS styling and customization (devicePixelRatio aware)
- High performance data updating
- Large dataset support (lttb resampling)
- Brushing and Zooming by data range or visual ranges
- Customizable HTML tooltips
- Chromium and Firefox: Fully supported
- Safari (webkit): limited animations (as of 05-2025)
Simple Line Chart
import {LineChart} from '../src/index.mjs';
const sl = new LineChart({
el: document.body
});
sl.setData([0,10,20,10,0,-10,-20,-10,0,10,20,10,0]);Simple Bar Chart
import {BarChart} from '../src/index.mjs';
const sl = new BarChart({
el: document.body
});
sl.setData([0,10,20,10,0,-10,-20,-10,0,10,20,10,0]);- Demo 1 Line charts
- Demo 2 Bar charts
- Demo 3 Composite charts, line chart segments
- Demo 4 Manual y range bar chart
- Demo 5 Axis options
- Performance test - 100 Stress test for large data sizes and fast updating
- Performance test - 1,000
- Performance test - 10,000
- Performance test - 100,000
- Performance test - 1,000,000