@oskarer/react-stockcharts

Highly customizable stock charts with ReactJS and d3

Stats

StarsIssuesVersionUpdatedCreatedSize
@oskarer/react-stockcharts
0.7.0-beta.244 years ago4 years agoMinified + gzip package size for @oskarer/react-stockcharts in KB

Readme

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

If you find any bugs or have a feature request, please open an issue on github!

The npm package download data comes from npm's download counts api and package details come from npms.io.