Which Chart Types and Technical Indicators Does TechanJS Support?

Updated

TechanJS supports three chart types (Candlestick, OHLC, and Volume) and five technical indicator families (Simple & Exponential Moving Average, Ichimoku Cloud, RSI, MACD, and Trades). It is a visual stock charting and technical analysis library built on D3, so if your project needs interactive financial charts for modern and mobile browsers and you are already comfortable with D3, these built-in types cover the common price, volume, and momentum views.

Chart types

Chart type What it shows Typical use
Candlestick Open, high, low, close per period as a candle body and wicks Standard price action view
OHLC Open, high, low, close as bars with tick marks Price action alternative to candlesticks
Volume Traded quantity per period as bars Confirming price moves with participation

All three are listed directly on the TechanJS home page as downloadable chart examples, and each is rendered as an interactive chart rather than a static image.

Technical indicators

  • Moving Average (Simple & Exponential) — trend smoothing in both SMA and EMA variants.
  • Ichimoku Cloud — a multi-line trend and support/resistance overlay.
  • RSI — relative strength index, a momentum oscillator.
  • MACD — moving average convergence divergence, a trend/momentum indicator.
  • Trades — trade markers plotted on the chart, useful for showing entries, exits, or executed orders.

How they combine

The library is designed so these pieces layer into one chart rather than living in separate widgets. A candlestick or OHLC price panel can carry moving averages, an Ichimoku Cloud, and trade markers, while RSI, MACD, and Volume sit in their own panels below. The site's "Complete Example" demonstrates this combined layout, which is the fastest way to see how the chart types and indicators work together before you build your own.

What this means for your choice

If your analysis needs candlesticks or OHLC bars, volume, moving averages, Ichimoku, RSI, MACD, or trade annotations, TechanJS covers them out of the box. If you need chart types or indicators outside this list, you would be extending the library yourself on top of D3. The home page offers Download, Documentation, Source, and Examples links, so you can check the API and run the examples before committing.

One note on scope: the available page evidence lists these chart types and indicators but does not state pricing, licensing terms beyond a "TechanJS License" link, or browser support details beyond "modern and mobile browsers." Check those pages directly if they affect your decision.