https://github.com/rrag/react-stockcharts

Highly customizable stock charts with ReactJS and d3
https://github.com/rrag/react-stockcharts

Last synced: 3 days 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 (almost 10 years ago)
• Default Branch: master
• Last Pushed: 2023-03-09T04:15:58.000Z (almost 2 years ago)
• Last Synced: 2024-12-09T14:16:07.157Z (4 days ago)
• Language: JavaScript
• Homepage: http://rrag.github.io/react-stockcharts
• Size: 9.09 MB
• Stars: 3,900
• Watchers: 148
• Forks: 962
• 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

[![Join the chat at https://gitter.im/rrag/react-stockcharts](https://badges.gitter.im/Join%20Chat.svg)](https://gitter.im/rrag/react-stockcharts?utm_source=badge&utm_medium=badge&utm_campaign=pr-badge&utm_content=badge)

[![npm version](https://badge.fury.io/js/react-stockcharts.svg)](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)