Hi HN,

react-candlesticks is a React chart library for financial charts (stock, crypto, trading, etc). It support multiple panels and layers, theming, and early support for custom layers and drawings. Common technical indicators (layers) are included. It's TypeScript based and there are zero dependencies other than React and React DOM (peer deps). It's designed to be easy to get started sensible defaults, you just need to provide the OHLCV timeseries data.

Panels and layers are separate JSX components - you add panels to a chart and add layers to panels. Canvas is used for rendering. It's reasonably performant (although more optimization is possible) and supports large datasets, as indicators are calculated on the fly - for the visible viewport as the chart is scrolled or zoomed.

I wanted React/JSX composable charts that were maximally themable, with good scroll and zoom UX via mouse/touchpad interactions.

There are a few things on the roadmap, including session based indexing and indicator-to-indicator data sources (e.g. an SMA based on another SMA), and also improvements around custom layer definitions and better drawing support.

The project is still early and I would definitely appreciate any feedback.

Thanks for looking!

Links:

GitHub: https://github.com/trendingcandles/react-candlesticks

Website: https://reactcandlesticks.com/

Docs: https://docs.reactcandlesticks.com/

Kitesurf: The agent-first browser that runs in V8 isolates on Cloudflare Workers