Skip to content
Charts dedicated to finance.
TypeScript Other
Branch: master
Clone or download

React Financial Charts

CircleCI codecov Dependabot Status GitHub license npm version

Note: this repo is a fork of react-stockcharts, renamed, converted to typescript and bug fixes applied due to the original project being unmaintained.

Charts dedicated to finance.

The aim with this project is create financial charts that work out of the box.


  • integrates multiple chart types
  • over 60 technical indicators and overlays
  • drawing objects

Chart types

  • Scatter
  • Area
  • Line
  • Candlestick
  • OHLC
  • HeikenAshi
  • Renko
  • Kagi
  • Point & Figure


  • Bollinger band
  • SAR
  • MACD
  • RSI
  • ATR
  • Stochastic (fast, slow, full)
  • ForceIndex
  • ElderRay
  • Elder Impulse

Interactive Indicators

  • Trendline
  • Fibonacci Retracements
  • Gann Fan
  • Channel
  • Linear regression channel


npm install react-financial-charts




Refer to

This project is a mono-repo that uses Lerna to manage dependencies between packages.

To get started run:

git clone
cd react-financial-charts
npm ci
npm run build

To start up a development server run:

npm start


  • Convert to typescript
  • Bump dependencies to latest
  • Remove React 16 warnings
  • Add CI
  • Fix passive scrolling issues
  • Implement PRs from react-stockcharts
  • Add all typings
  • Move examples to storybook
  • Correct all class props
  • Fix issues with empty datasets
  • Migrate to new React Context API
  • Remove all UNSAFE methods
  • Add all series' to storybook
  • Add documentation to storybook
  • Add full test suite
  • Split project into multiple packages


FOSSA Status

You can’t perform that action at this time.