Show HN: React Candlesticks – JSX composable Canvas charts for financial UIs

jjjww1 pts0 comments

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-candlesticksWebsite: https://reactcandlesticks.com/Docs: https://docs.reactcandlesticks.com/

react https layers candlesticks panels reactcandlesticks

Related Articles