Skip to content
Highly customizable stock charts with ReactJS and d3
Branch: master
Clone or download
Pull request Compare This branch is 140 commits behind rrag:master.
Fetching latest commit…
Cannot retrieve the latest commit at this time.
Permalink
Type Name Latest commit message Commit time
Failed to load latest commit information.
config
docs
scripts
src
.babelrc
.editorconfig
.eslintignore
.eslintrc
.gitignore
CONTRIBUTING.md
LICENSE
README.md
package-lock.json
package.json

README.md

React Stockcharts

Join the chat at https://gitter.im/rrag/react-stockcharts npm version

Create highly customizable stock charts

Built with React JS and d3

Multiple quick start examples

  • svg and canvas for improved performance.
  • pan and zoom, on touch devices too

Chart types

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

Indicators

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

(more to come),

and it is simple to create your own indicator too

Interactive Indicators

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

Installation

npm install  --save react-stockcharts@next

Documentation

Documentation

Ready to use Examples

Demo

Demo v1 (closed source) built with react-stockcharts

Demo v2 - Includes

  • Serverside calculation of indicators
  • Pan to load more
  • option of websocket/xhr to download data
  • Multiple chart types, including advanced types
  • Drawing objects
  • Indicators
  • Compare with another

I am exploring options to license this, contact me if you are interested

Contributing

Refer to CONTRIBUTING.md

Stability

This is alpha state software, the api will change with each minor version.

Roadmap

Roadmap

LICENSE

MIT

You can’t perform that action at this time.