TriChart

A high-performance, lightweight financial charting library built with Vanilla TypeScript and HTML5 Canvas.

Features

• 🚀 High Performance: Render thousands of data points smoothly using HTML5 Canvas.
• 📊 Multiple Series Types: Supports Candlesticks, Line charts, and more.
• 🛠️ Technical Indicators: Built-in support for SMA, EMA, RSI, Bollinger Bands, and Volume.
• 📱 Responsive: Fully responsive and touch-friendly for mobile devices.
• 🧩 Modular Architecture: Easy to extend with custom indicators or UI components.

Installation

npm install trichart

Quick Start

import { TriChart } from 'trichart';

const container = document.getElementById('chart-container');
const chart = new TriChart(container);

// Add a candlestick series
const series = chart.addCandlestickSeries();

// Set some data
series.setData([
  { time: 1640995200, open: 100, high: 110, low: 90, close: 105 },
  // ... more data
]);

// Add an indicator
chart.addIndicator('SMA', { period: 20 });

Contributing

We welcome contributions! Please see our Contributing Guide for details.

License

MIT License. See LICENSE for details.