victorwins/techan.js

A visual, technical analysis and charting (Candlestick, OHLC, indicators) library built on D3.

TechanJS

Technical Chart Analysis

A visual, technical analysis and charting library built on D3. Build interactive financial charts for modern and mobile browsers.

Examples Gallery

TechanJS utilises D3's reusable chart API pattern and currently supports a range of static and interactive plots.

Static Plots

• Candlestick
• OHLC
• Volume
• Axis Annotations
• Moving Averages (Simple & Exponential)
• RSI
• MACD

Interactive & Dynamic Plots

• Updating Data Feed
• Crosshair
• Trendlines
• Support & Resistence Lines
• Plot Zooming

Algorithms

• Ichimoku Cloud
• Moving Averages (Simple & Exponential)
• RSI
• MACD
• ATR
• ATR Trailing Stop

Getting Started

Manual Download

Download the latest release https://github.com/andredumas/techan.js/releases/latest

npm

npm install --save andredumas/techan.js

Bower Dependency

bower install --save andredumas/techan.js

Build From Source

Cloning and building the base project:

git clone https://github.com/andredumas/techan.js.git
cd techan.js
npm install

# Then to build
npm test
# OR
grunt

Build From Source With Examples

Cloning the project with all examples and usage:

git clone --recursive https://github.com/andredumas/techan.js.git
cd techan.js
npm install
npm start

Once running browse to http://localhost:8000/examples/ to see examples using the remote (development stable) techanjs and d3. Alternatively browse to http://localhost:8000/build/examples/ for the same examples using the locally built techanjs and bower obtained d3 but be aware that the examples are built to work with the latest, development stable version of techanjs located at http://techanjs.org/techan.min.js. Expect that HEAD of master will contain unstable features under development. They may not always be compatible with all the examples. I will attempt to keep the release tags functional together with correctly referenced examples.