https://github.com/rrag/react-stockcharts
  
  
    Highly customizable stock charts with ReactJS and d3 
    https://github.com/rrag/react-stockcharts
  
        Last synced: 6 months ago 
        JSON representation
    
Highly customizable stock charts with ReactJS and d3
- Host: GitHub
 - URL: https://github.com/rrag/react-stockcharts
 - Owner: rrag
 - License: mit
 - Created: 2015-02-22T14:34:39.000Z (over 10 years ago)
 - Default Branch: master
 - Last Pushed: 2023-03-09T04:15:58.000Z (over 2 years ago)
 - Last Synced: 2025-05-07T11:03:18.172Z (6 months ago)
 - Language: JavaScript
 - Homepage: http://rrag.github.io/react-stockcharts
 - Size: 9.09 MB
 - Stars: 3,950
 - Watchers: 148
 - Forks: 977
 - Open Issues: 137
 - 
            Metadata Files:
            
- Readme: README.md
 - Contributing: CONTRIBUTING.md
 - License: LICENSE
 
 
Awesome Lists containing this project
- awesome-d3 - react-stockcharts - Highly customizable stock charts [area, line, scatter, bubble, bar, stacked, candlestick] (Charts)
 - awesome-react - react-stockcharts - Highly customizable stock charts with ReactJS and d3
 - awesome-d3 - react-stockcharts - Highly customizable stock charts [area, line, scatter, bubble, bar, stacked, candlestick] (Charts)
 - awesome-d3 - react-stockcharts - Highly customizable stock charts [area, line, scatter, bubble, bar, stacked, candlestick] (Charts)
 
README
          ## React Stockcharts
[](https://gitter.im/rrag/react-stockcharts?utm_source=badge&utm_medium=badge&utm_campaign=pr-badge&utm_content=badge)
[](https://badge.fury.io/js/react-stockcharts)
Create highly customizable stock charts
Built with [React JS](http://facebook.github.io/react/) and [d3](http://d3js.org/)
If you like this project checkout gocharting.com
 - integrates multiple charttypes
 - over 60 technical indicators and overlays
 - drawing objects
Multiple [quick start examples](https://github.com/rrag/react-stockcharts-examples2)
- 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
```sh
npm install  --save react-stockcharts
```
### Documentation
[Documentation](http://rrag.github.io/react-stockcharts)
[Ready to use Examples](https://github.com/rrag/react-stockcharts-examples2)
### Contributing
Refer to [CONTRIBUTING.md](./CONTRIBUTING.md)
### Stability
This is alpha state software, the api will change with each minor version.
### Roadmap
[Roadmap](./docs/md/COMING-SOON.md)
### LICENSE
[MIT](./LICENSE)