Sign Up for Free

RunKit +

Try any Node.js package right in your browser

This is a playground to test code. It runs a full Node.js environment and already has all of npm’s 400,000 packages pre-installed, including alexmattson-react-stockcharts with all npm packages installed. Try it out:

require("react/package.json"); // react is a peer dependency. require("react-dom/package.json"); // react-dom is a peer dependency. var alexmattsonReactStockcharts = require("alexmattson-react-stockcharts")

This service is provided by RunKit and is not affiliated with npm, Inc or the package authors.

alexmattson-react-stockcharts v0.5.0-rc.1

Highly customizable stock charts with ReactJS and d3

React Stockcharts

Join the chat at npm version

Create highly customizable stock charts

Built with React JS and d3

  • 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


  • 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


npm install react-stockcharts --save


Getting started


Refer to some quick start examples


A demo built with react-stockcharts


Refer to


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





RunKit is a free, in-browser JavaScript dev environment for prototyping Node.js code, with every npm package installed. Sign up to share your code.
Sign Up for Free