AlphaChart

A financial charting library for React and Next.js (@alphachart/react)

Type
Library
Built with
TypeScript
Source
Private repository
Libraryprivate repo
AC
ReactViteTailwind CSS (dev)

Overview

A canvas-based financial charting library for React and Next.js with a full UI: candlesticks, 77 built-in indicators, drawing tools, symbol comparison and real-time data — plus a Lite entry point for general-purpose charts.

Core features

14 chart types, 77 indicators with a registry for custom ones, drawing tools with time-anchored points, symbol comparison, real-time push of incoming bars, synchronised crosshairs across charts, permissions, three configurable legends, themes and CSS variables, state save and restore, screenshots, and an event and channel API. AlphaChart Lite adds line, area, bar, scatter, pie, radar, gauge, heatmap, treemap, funnel and geo charts.

Architecture

The chart is an object, not a component: you hold it, call methods on it and render it where you like, so there is no provider, context or controlled props. Two entry points share no runtime. The package is built with Vite in library mode, type-declared and tested with Vitest, and documented as one file per topic with an index that lists each file's token cost for AI-agent use. It runs inside AnalyzeAlpha and SovereignTerminal.

Frameworks, tools & libraries

The stack behind it

Frameworks

  • React
  • Vite
  • Tailwind CSS (dev)

Tools & infrastructure

  • pnpm workspaces
  • Vitest
  • vite-plugin-dts

Libraries

  • Canvas 2D engine (own)
  • lucide-react

Where it runs

My own products that depend on this library.

Skills applied

What I brought to it

  1. 01

    Canvas rendering engine design and performance

  2. 02

    Financial charting: indicators, drawing tools and multi-symbol comparison

  3. 03

    Real-time data pipelines into a chart

  4. 04

    Public API design: object-based, no provider, event and channel model

  5. 05

    Library packaging with Vite and type declarations

  6. 06

    Documentation structured for AI agents

Languages

What it's written in

  • TypeScript~393 files

    engine, indicators and UI

Next project

AlphaFinance

Async, stateless Python library for market data