Build Programmable Time-Series Visualizations

The only engine that combines high-performance charting with a powerful, built-in DSL. Script custom indicators, automate analysis, and bring your financial data to life.

Quick Start Market DSL Script GitHub Star

$ npm i @candleview/core

Professional Chart Preview

Experience professional-grade financial chart visualization for time series data analysis

DSL Script Editor(Engine loading...)

Quick Examples:

// Example Script - Custom Main & Sub Indicators
// ============================================

// 1. Custom main indicator: OHLC mean channel
// ============================================
plotMain({
    id: 'ohlc_mean',
    calculator: (idx, open, high, low, close, volume) => {
        return (high + low + close) / 3;
    },
    options: {
        name: 'OHLC Mean',
        color: '#FF6B6B',
        width: 2,
        style: 'solid'
    }
});

// 2. Another main indicator: Price volatility (High - Low)
plotMain({
    id: 'volatility',
    calculator: (idx, open, high, low, close, volume) => {
        return high - low;
    },
    options: {
        name: 'Volatility',
        color: '#4ECDC4',
        width: 1,
        style: 'dashed'
    }
});

// 3. Batch add main indicators - multiple lines
plotMain([
    {
        id: 'upper_band',
        calculator: (idx, open, high, low, close, volume) => {
            return close * 1.05;
        },
        options: { name: 'Upper Band', color: '#45B7D1', width: 1, style: 'dotted' }
    },
    {
        id: 'lower_band',
        calculator: (idx, open, high, low, close, volume) => {
            return close * 0.95;
        },
        options: { name: 'Lower Band', color: '#F39C12', width: 1, style: 'dotted' }
    }
]);

// 4. Custom sub indicator: RSI style
plotSub({
    id: 'custom_rsi',
    calculator: (idx, open, high, low, close, volume) => {
        return 50 + Math.sin(idx * 0.1) * 30;
    },
    options: {
        name: 'Custom RSI',
        color: '#FF6B6B',
        width: 2,
        type: 'line'
    }
});

// 5. Custom sub indicator: Volume histogram
plotSub({
    id: 'custom_volume',
    calculator: (idx, open, high, low, close, volume) => {
        return volume / 1000;
    },
    options: {
        name: 'Volume/1000',
        color: '#4ECDC4',
        type: 'histogram'
    }
});

// 6. Batch add sub indicators
plotSub([
    {
        id: 'momentum',
        calculator: (idx, open, high, low, close, volume) => {
            return close - open;
        },
        options: { name: 'Momentum', color: '#FF9800', type: 'line', width: 1 }
    },
    {
        id: 'range_percent',
        calculator: (idx, open, high, low, close, volume) => {
            return ((high - low) / close) * 100;
        },
        options: { name: 'Range%', color: '#9C27B0', type: 'area' }
    }
]);

console.log("All custom indicators added");
console.log("Main indicators: OHLC Mean, Volatility, Upper/Lower Bands");
console.log("Sub indicators: Custom RSI, Volume, Momentum, Range %");

return {
    message: "Custom indicators test completed",
    mainCount: 5,
    subCount: 5
};

📋 Output Logs

Waiting for script execution...

Engineered for Programmable Time-Series Analysis

Move beyond static charts. Integrate logic, data, and visualization into a single, powerful workflow.

DSL-Driven & Programmable

Unleash the full power of our built-in DSL. Write scripts to compute custom metrics, overlay complex indicators, and conditionally draw shapes or text, giving you complete control over your analysis.

Time-Series Optimized

Native support for tick, second, minute, and daily data. Our engine handles real-time streaming, historical backfills, and data gaps with seamless precision for any time-series dataset.

Massive Data, Minimal Footprint

Advanced downsampling and data serialization techniques reduce memory usage by up to 70%, enabling smooth interaction with millions of historical data points.

Professional Financial Charts

A complete suite of chart types including Candlestick, OHLC, and Heikin-Ashi. Perfect for equities, forex, crypto, and any financial instrument.

Cross-Platform & Responsive

Fully responsive design ensures a flawless experience from desktop workstations to mobile devices. Touch-optimized controls for on-the-go analysis.

Infinite Extensibility

Extend every layer of the engine. Create custom drawing tools, integrate proprietary indicators, and design unique visual themes using our comprehensive public API.

Rich Chart Types & Tools

Comprehensive technical indicators and drawing tools for professional time series analysis

Basic Chart Types

Professional financial charts for various time series analysis needs

Line Chart

Area Chart

Hollow Candlestick

OHLC Chart

Baseline Chart

Histogram Chart

Step Line Chart

Heikin-Ashi Chart

New Price Line

Mountain Chart

Baseline Area Chart

High-Low Chart

HLC Area Chart

Technical Indicators

Main Indicators

MA
EMA
BB
Ichimoku
Donchian
Envelope
VWAP
HeatMap
MarketProfile

Sub Indicators

RSI
MACD
Volume
SAR
KDJ
ATR
Stochastic
CCI
BBWidth
ADX
OBV

All indicators support real-time calculation, custom parameter adjustment, and multi-timeframe switching.

Drawing Tools

Basic Tools

Pencil, Pen, Brush, Marker, EraserLine, Horizontal Line, Vertical LineArrow Line, Thick Arrow Line

Channel Tools

Parallel ChannelLinear Regression ChannelEqual ChannelDiscontinuous Channel

Fibonacci Tools

Fibonacci RetracementFibonacci Time ZonesFibonacci ArcsFibonacci CirclesFibonacci SpiralFibonacci FanFibonacci ChannelFibonacci Price ExtensionFibonacci Time Extension

Gann Tools

Gann FanGann BoxGann Rectangle

Pattern Tools

Andrews' PitchforkEnhanced PitchforkSchiff PitchforkXABCD PatternHead and ShouldersABCD PatternTriangle ABCDElliott WaveImpulse WaveCorrective WaveTriangle WaveDouble CombinationTriple Combination

Geometric Shapes

Rectangle, Circle, Ellipse, TriangleSector, Curve, Hyperbola

Annotation Tools

Text Annotation, Price AnnotationCallout, Pin, LandmarkPrice Label, FlagImage Insert

Range Tools

Time Range, Price RangeTime-Price RangeHeat Map

Trading Tools

Long Position, Short PositionSimulated Candlestick

All drawing tools support real-time dragging, style customization, and group management.

Real-time Calculation

All technical indicators support real-time calculation with millisecond updates for timely time series data analysis.

Smart Interaction

Drawing tools feature intelligent snapping, auto-alignment, and history tracking for a smooth user experience.

High Customization

Support custom indicator formulas, drawing tool styles, and shortcut configurations to meet personalized needs.

Global Time Coverage & Timeframes

Comprehensive timezone support and flexible timeframe options for global financial analysis

Supported Timeframes

Second Level

1 second5 seconds15 seconds30 seconds

Minute Level

1 minute3 minutes5 minutes15 minutes30 minutes45 minutes

Hour Level

1 hour2 hours3 hours4 hours6 hours8 hours12 hours

Daily Level

1 day3 days

Weekly Level

1 week2 weeks

Monthly Level

1 month3 months6 months

Support quick switching, custom timeframe combinations, and multi-timeframe analysis.

Supported Timezones

Global

UTC

Americas

New York

America/New_York

Chicago

America/Chicago

Denver

America/Denver

Los Angeles

America/Los_Angeles

Toronto

America/Toronto

Europe

London

Europe/London

Paris

Europe/Paris

Frankfurt

Europe/Berlin

Zurich

Europe/Zurich

Moscow

Europe/Moscow

Middle East

Dubai

Asia/Dubai

Karachi

Asia/Karachi

Asia Pacific

Kolkata

Asia/Kolkata

Shanghai

Asia/Shanghai

Hong Kong

Asia/Hong_Kong

Singapore

Asia/Singapore

Tokyo

Asia/Tokyo

Seoul

Asia/Seoul

Pacific

Sydney

Australia/Sydney

Auckland

Pacific/Auckland

All timezones support automatic daylight saving time adjustments and real-time synchronization.

Global Coverage

Support for 20+ major timezones worldwide, covering all major financial markets and trading sessions.

Multi-Timeframe Analysis

24 levels of timeframes from seconds to months, supporting comprehensive multi-timeframe technical analysis.

Real-Time Synchronization

Automatic timezone conversion and daylight saving time adjustments for accurate time series data synchronization.