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

• Moving Averages (Simple & Exponential)
• RSI
• MACD

Getting Started

Manual Download

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

Bower Dependency

"techanjs": "andredumas/techan.js"

Build From Source

Cloning and building the base project:

git clone [email protected]:andredumas/techan.js.git
npm install
npm test
# OR
grunt

Build From Source With Examples

Cloning the project with all examples and usage:

git clone --recursive [email protected]:andredumas/techan.js.git
npm install
grunt serve

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.