Appearance
Personalize your experience
Baseline Chart
Chart TypeA variant of the area chart that uses dual-colored fills — green above the baseline, red below — providing an immediate visual assessment of relative performance, polarity, and mean reversion.
Origins & History
The Baseline chart — also known as the "divergence ," "performance chart," or "centerline area chart" — is one of the more recent innovations in financial charting, emerging in the late 1990s and early 2000s as traders sought better tools for relative performance analysis and mean-reversion trading.
The conceptual origins of the baseline chart can be traced to the <Em > price oscillator</Em >indicators developed in the 1970s and 1980s. Indicators like the MACD (1979, Gerald Appel) and the Price Rate of Change showed the difference between price and a reference level as a with positive and negative values. Traders and analysts recognized that a continuous visualization of this difference — rather than histogram bars — could provide a more intuitive view of the relationship between price and its reference. The first known implementations appeared in custom indicator scripts for platforms like> TradeStation (EasyLanguage) and <Em > MetaStock</Em >> in the late 1990s.
The modern baseline chart format was significantly influenced by the work of <Em > John Ehlers</Em>, whose 2001 book <Em >"Rocket Science for Traders"</Em >> introduced several digital signal processing techniques to technical analysis. Ehlers' on removing lag from moving averages and creating responsive reference lines directly influenced the development of baseline charts with adaptive references. Ehlers' Super Smoother and his work on Hilbert transform-based cycle analysis provided mathematical tools for creating baselines that responded to market conditions more intelligently than simple moving averages.
The baseline chart gained widespread recognition through the work of <Em > Linda Raschke</Em >and <Em > Laurence Connors</Em >, who documented mean-reversion trading strategies in their 1996 book <Em >"Street Smarts"</Em >> and subsequent publications. Their " 2" and related mean-reversion techniques naturally aligned with the baseline chart format, where the baseline represented the mean and the represented deviations. These publications popularized the framework that the baseline chart formalizes.
The dot-com era (1998–2001) saw a surge of interest in relative performance analysis as investors sought to identify which tech stocks were outperforming the NASDAQ index. The baseline chart became a standard tool for this analysis — plotting a stock’s price against a baseline of the NASDAQ index — with the showing whether the stock was beating (green) or lagging (red) the index. This relative-performance use case remains the baseline chart’s most common application in institutional portfolio management.
In the 2010s, the baseline chart was formalized as a chart type in several major platforms, including (2013) and Quatick Charts. The Quatick implementation introduced several innovations: configurable dual-gradient (separate gradients for the above-baseline and below-baseline regions), HLC baseline (separate fills for high-to-baseline and baseline-to-close ranges), and support for baselines including moving averages, adaptive filters (, DEMA, TEMA, Zero-Lag), and custom indicator-based references. These features transformed the baseline chart from a niche tool into a flexible analytical framework suitable for a wide range of trading styles.
Theory & Core Principles
The baseline chart is defined by two components: a reference baseline B(t) (which may be a constant or a time-varying function) and a L(t) representing the ’s selected . The chart displays the signed deviation D(t) = L(t) - B(t) as a area, with the color determined by the of D(t):
> If D(t) > 0: fill with topColor (typically green), indicating the is above the reference
> If D(t) < 0: fill with bottomColor (typically red), indicating the is below the reference
> If D(t) = 0: zero fill, indicating the is exactly at the reference
The fundamental concept behind the baseline chart is the decomposition of an ’s price into two components: the <Em > reference component</Em > (B(t)), which represents the expected or fair , and the <Em > residual component</Em > (D(t)), which represents the deviation from fair . The reference may represent different economic concepts depending on the analytical context:
(1) In <Em > relative performance analysis</Em >, B(t) is the price of a benchmark index or sector ETF, and D(t) represents the ’s (excess return relative to the benchmark). (2) In <Em > mean-reversion analysis</Em >, B(t) is a of the ’s own price, and D(t) represents the deviation from its own mean. (3) In> analysis, B(t) is the historical average price for the current calendar , and D(t) represents the deviation. (4) In <Em > </Em >, B(t) is the price of the paired (scaled by the ratio), and D(t) represents the spread between the two instruments.
The baseline chart’ theoretical advantage is that it separates the reference tracking (which the human system performs poorly with abstract numbers) from the deviation assessment (which the visual system performs excellently with color-coded areas). By assigning the computationally intensive reference tracking to the algorithm and reserving the intuitive color/area assessment for the human analyst, the baseline chart optimizes the human-computer division of labor in financial analysis.
The choice of baseline function B(t) is the most consequential analytical in baseline chart construction. The baseline must be: (1) > economically meaningful — it should represent a valid reference for the analytical question being asked; (2) > responsive but stable — it should adapt to changing market conditions without excessive ; and (3) > interpretable — the trader must understand what the baseline represents and how it behaves in different market regimes. The Quatick implementation supports , (first-), , SMA, DEMA, TEMA, Zero-Lag EMA, and custom indicator baselines, giving traders extensive flexibility in choosing the reference for their analysis.
The Mathematics
The baseline chart is defined by the signed deviation function D(t) between the L(t) and the baseline B(t):
> D(t) = L(t) - B(t)
For a sequence of timestamps t_0, t_1, ..., t_n with price values p_i and baseline values b_i at each timestamp, the deviation at i is:
> d_i = p_i - b_i
The deviation (total signed area of deviation) from 0 to period n is:
> CumDev(n) = Σ{i=0}^{n} d_i × Δt_i
where Δt_i = t{i+1} - t_i (the of period i). This deviation is displayed as the total colored fill on the chart. Positive contributions add to the green fill; negative contributions add to the red fill. The cumulative deviation is a of the total "excess return" or "" generated over the period.
The average absolute deviation over a of N periods is:
> AAD(N) = (1/N) × Σ{i=1}^{N} |d_i|
The AAD is used to normalize deviation measurements. A deviation of 2 × AAD is typically considered significant and may signal an extreme reading. The z-score of the current deviation relative to its recent history is:
> z_current = d_current / AAD(N)
Values of |z| > 2 indicate statistically significant deviations that have a high probability of mean reversion. Values of |z| < 0.5 indicate the is near its baseline with no significant deviation.
The baseline B(t) can be defined in several ways. For a simple moving average baseline:
> SMA_B(t_i) = (1/M) × Σ{k=i-M+1}^{i} p_k
where M is the lookback period. For an baseline:
> EMA_B(t_i) = α × p_i + (1 - α) × EMA_B(t{i-1})
where α = 2 / (M + 1). For a baseline (no time dependence):
> Fixed_B(t) = P_0 (the first ’s )
The signal-to-noise ratio (SNR) of the baseline chart over a N is defined as:
> SNR(N) = |Σ d_i| / Σ |d_i|
The SNR ranges from 0 to 1. An SNR close to 1 indicates that the deviations are consistently in one direction (strong trending behavior). An SNR close to 0 indicates that positive and negative deviations are approximately equal in magnitude (mean-reverting behavior). The SNR can be used to select the appropriate trading for the current regime: use trend-following strategies when SNR> 0.6, and mean-reversion strategies when SNR < 0.4.
The <Em > fill ratio</Em >> over a N is the proportion of total area that is green (positive deviation):
> FR(N) = Σ max(d_i, 0) × Δt_i / Σ |d_i| × Δt_i
The fill ratio ranges from 0 (all red) to 1 (all green). A fill ratio of 0.5 indicates equal green and red area — the has spent equal time above and below the baseline with similar deviation magnitudes. The fill ratio is a useful diagnostic: a consistently above 0.8 suggests the instrument is structurally outperforming and may be overvalued; a value consistently below 0.2 suggests structural underperformance and potential undervaluation.
Anatomy
Construction Pipeline
The baseline chart rendering pipeline extends the standard pipeline with dual- construction and polarity detection:
- 1OHLC aggregation and price source selectionis aggregated into bars and a single per bar is selected, producing the L(t).
- 2Baseline calculationThe baseline B(t) is calculated at each bar based on the configured baseline type (, , SMA, , custom). For baselines, this requires a lookback .
- 3Deviation computationFor each bar, the signed deviation d_i = p_i - b_i is computed. The determines the fill color for that bar segment.
- 4Segment classificationConsecutive bars with the same deviation are grouped into segments. Each segment is either a green segment (all d_i > 0) or a red segment (all d_i < 0).
- 5Polygon construction (per segment)For each segment, a fill is constructed: the of the segment form the upper boundary, and the corresponding baseline points form the lower boundary. The polygon is closed by lines at the segment boundaries.
- 6Color assignment and renderingEach is with the appropriate color gradient. Green segments use the topFillColor gradient; red segments use the bottomFillColor gradient. The fill is rendered independently for each segment, ensuring color transitions occur at baseline crosses only.
- 7Line overlay with per-segment coloringThe is rendered on top of the . The line segments within each segment inherit the segment color (topLineColor for green, bottomLineColor for red). This creates a color-coded line that matches the fill polarity.
- 8Baseline renderingThe baseline is rendered as a dashed or solid line on top of both and the . The baseline is typically styled distinctively (dashed, subdued color) to distinguish it from the active price line.
A critical implementation is the <Em > segment boundary handling</Em >> at baseline . When the crosses the baseline between bar i and bar i+1, the fill for the pre-cross segment terminates at the exact cross (interpolated between bars), and the post-cross segment begins from that same point. This ensures that the green and red meet precisely at the baseline without overlap or gap. The interpolation is linear: if p_i> b_i> p{i+1} (crossing downward), the is at t_cross = t_i + (t{i+1} - t_i) × (p_i - b_i) / (p_i - p{i+1}). This exact - calculation is essential for — without it, the fill segments would not meet cleanly at the baseline, creating visual artifacts that degrade the professional appearance of the chart. Quatick Charts implements sub-bar precision cross-point detection for all baseline chart rendering, ensuring pixel-perfect segment transitions.
Performance for baseline charts focuses on the segment construction step, which is the most computationally intensive part of the pipeline. For each segment, a polygon must be constructed from the vertices and the corresponding baseline vertices. On a chart with frequent baseline crosses (high ), the number of segments can be , and each segment requires its own polygon construction and fill operation. Quatick Charts optimizes this by: (1) pre-allocating polygon buffers per segment type (green and red, to minimize overhead), (2) using a single draw call per color by merging adjacent segments of the same color into a single polygon when the gap between them is zero- (they meet at the baseline), and (3) caching the fill gradient textures so they do not need to be regenerated per frame. These optimizations ensure that baseline chart rendering performance is comparable to standard performance even under high whipsaw conditions.
Visual Configuration
Interpretation Guide
Baseline charts reveal patterns that are distinct from standard line and area charts. The dual-color fill provides immediate polarity information, and the relative fill sizes communicate the and magnitude of deviations from the reference:
- > Sustained above-baseline (bullish ) — when the remains consistently above the baseline for an sequence of bars (10+ consecutive periods), it indicates sustained outperformance or bullish momentum relative to the reference. The of the above-baseline period is a of trend . The area of the green fill accumulated during this period represents the total "excess return" or "" generated above the baseline. A sustained above-baseline period with green fill indicates accelerating outperformance; a sustained period with contracting green fill (price still above baseline but the area of each bar is shrinking) warns that the outperformance is losing momentum even though price remains above the baseline.
- > Sustained below-baseline (bearish relative weakness) — the inverse pattern: price remains below the baseline for an . The red fill accumulated represents the underperformance or loss relative to the baseline. The area of red fill provides a of the "damage" — a red area indicates significant and sustained underperformance. Traders look for the red fill area to stop (price stops making new relative lows against the baseline) as a potential reversal signal. A shift from red fill to green fill (crossing back above baseline) is the strongest reversal signal.
- > Rounded baseline reversals — a pattern where the approaches the baseline, the fill shrinks to near-zero (the line is at the same level as the baseline), and then the line crosses to the other side. On the baseline chart, this appears as the green fill shrinking to a and then the red fill beginning to expand (a top reversal), or vice versa (a bottom reversal). The rate at which the fill transitions from one color to the other indicates the speed of the reversal — a rapid color change indicates a sharp reversal, while a gradual color change with fill on both indicates a basing or topping process.
- > (frequent baseline crosses) — when the oscillates around the baseline, creating alternating narrow green and red of approximately equal size on each side. This pattern indicates a market with no trend relative to the baseline — the is trading at approximately fair with no bias. The frequency of baseline crosses can be quantified as the rate: crosses per 20 periods. A high whipsaw rate (>5 crosses per 20 periods) indicates a ranging market where baseline-based strategies should be avoided. A low rate (<2 crosses per 20 periods) indicates a trending market suitable for baseline strategies.
- > fill divergence — when the green and red on either side of the baseline are approximately equal in total area over a symmetric , it indicates that the has spent equal time and deviation above and below the baseline. This is the baseline chart equivalent of a mean-reverting or oscillating market. The symmetry suggests that the baseline is well-calibrated as a fair- estimate. Asymmetry (significantly larger area on one side) suggests that the baseline is no longer an accurate fair-value estimate and should be recalibrated.
- > Extreme deviation spike — a sharp, narrow excursion far from the baseline, creating a tall but thin fill spike. This represents an anomalous price move relative to the baseline — typically driven by news, earnings, or macro events. The extreme spike is characterized by both (1) magnitude (the price distance from baseline is 3+ standard deviations above the average deviation) and (2) short (the spike lasts only 1–3 bars before reverting). Extreme in the direction of the prevailing trend often precede trend continuation; extreme spikes against the prevailing trend often precede trend reversal. The thinness of the spike (small area relative to height) indicates the move lacked follow-through.
- > Step-change regime shift — a sudden, persistent shift from above-baseline to below-baseline (or vice versa) that is maintained for 20+ periods after the change. This pattern indicates a fundamental regime change: the ’s relationship to the baseline has durably changed. A step-change shift from green to red suggests the instrument has entered a new of structural underperformance; a shift from red to green suggests structural outperformance. The baseline should be recalibrated after a step-change regime shift, as the original reference is no longer representative of fair . The area of fill accumulated on the new side during the first 20 periods post-shift quantifies the magnitude of the regime change.
Beyond individual pattern recognition, baseline chart interpretation involves assessing the <Em > fill quality</Em > — the consistency, depth, and of the fill on each side of the baseline. A high-quality signal is characterized by: (1) sustained fill on one side (10+ consecutive bars with ), (2) consistent fill depth (deviation magnitude is stable, not erratic), and (3) volume confirmation (the deviation is supported by increasing or above-average volume). A low-quality signal has opposite characteristics: short-lived fill, erratic deviation magnitudes, and conflicting volume patterns. Traders should prioritize high-quality signals and be skeptical of low-quality ones. The fill quality assessment is a skill that develops with practice — experienced baseline chart users learn to instantly distinguish between genuine polarity signals and noise-based fill changes, often within 2–3 bars of a baseline .
Another advanced interpretation technique is the <Em > fill rate of change</Em > — the speed at which the fill area is or contracting on the current side of the baseline. A rapidly expanding fill ( deviations accumulating quickly) indicates accelerating momentum in the polarity direction. A contracting fill (deviation shrinking toward the baseline) indicates decelerating momentum, even if the price is still on the same side of the baseline. The fill rate of change often provides earlier reversal signals than the fill color change itself. For example, a green fill that is rapidly contracting (deviation shrinking toward zero) signals that the bullish polarity is weakening, even though price is still above the baseline. Traders can exit long positions when the green fill rate of change negative, before the actual baseline occurs. This leading indicator quality is unique to the baseline chart — it provides a forward-looking signal derived from the fill dynamics, not just a rearward-looking polarity status.
Trading Strategies
The baseline chart supports several specialized strategies that leverage its unique polarity-based design. These strategies fall into two broad categories: mean-reversion (trading back to the baseline) and breakout (trading away from the baseline):
Stop: Place the stop at the extreme of the divergence (the maximum distance from baseline reached) plus 0.5x the average absolute deviation. This gives the trade room to breathe if the extreme extends slightly before reverting.
Target: Primary target: the baseline itself (full reversion to the reference). Take 50% profits at this level. Secondary target: 1x the average absolute deviation beyond the baseline on the opposite side (overshoot). The secondary target captures the typical tendency of mean-reversion to over-extend slightly through the baseline.
Stop: Place the stop at the baseline level itself (the breakout level). If price re-crosses the baseline, the breakout has failed. The baseline acts as the invalidation .
Target: the average fill height (distance from baseline) during the prior 20- consolidation. Project 2x this height from the baseline as the primary target. Use a trailing stop at 1x the average absolute deviation from the reached after entry to capture moves.
Stop: For the pair trade, use the baseline as the exit for each leg. If the previously outperforming crosses below the baseline, close that leg. If the previously underperforming instrument crosses above the baseline, close that leg. The pair trade is unwound when the fill colors converge (both on the same side of the baseline).
Target: Target : when both instruments are on the same side of the baseline (both green or both red), the divergence trade has . Close both legs at this . For additional profit, use a trailing stop on the net pair P&L once the trade reaches 1x the initial divergence magnitude.
Stop: stop at the baseline for each unit. If price re-crosses the baseline, all units are stopped out. The baseline serves as both the scale-in reference and the invalidation .
Target: Scale out using the inverse function: take profits at pre-defined deviation levels. Take 25% off at 0.5x average deviation, 25% at 1x, 25% at 1.5x, and let the last 25% run to 2x or until the trailing stop triggers. The baseline- approach is designed for low-volatility mean-reverting instruments where the baseline is a reliable fair- estimate.
The key insight for baseline trading design is that the baseline chart’s fill incorporates both the magnitude and of deviations. A simple deviation magnitude (distance from baseline) ignores the critical dimension of time — a 5% deviation that persists for 10 bars is meaningfully different from a 5% deviation that reverses in 2 bars. The fill area captures this duration-weighted deviation, making it a richer signal for strategy development. Strategies should therefore incorporate fill area (not just price distance) in their entry, exit, and position- logic for optimal performance.
The choice between mean-reversion and breakout strategies can be determined systematically by the fill ratio and signal-to-noise ratio (SNR) described in the Mathematics section. In practice, a simple rule applies: when the fill ratio is between 0.3 and 0.7 (approximately balanced ) and the SNR is below 0.4, use mean-reversion strategies. When the fill ratio is above 0.8 or below 0.2 (predominantly one color) and the SNR is above 0.6, use breakout/trend-following strategies. This regime-adaptive approach prevents the common error of applying a mean-reversion during a strong trend (which leads to fighting the trend and repeated losses) or applying a breakout strategy during a range-bound market (which leads to false breakouts and whipsaws).
Strengths & Advantages
- > Immediate polarity assessment — the dual-color fill provides instant assessment of whether the is above or below the reference level. Green = above = bullish relative to baseline. Red = below = bearish. There is no need to the line to an or gridline — the color communicates polarity pre-attentively. This instant assessment is valuable in fast-paced environments where traders scan multiple instruments simultaneously.
- > Superior for relative performance visualization — when the baseline represents a benchmark index or sector average, the baseline chart directly visualizes outperformance (green fill) and underperformance (red fill). This is the standard visualization for portfolio managers conducting attribution analysis. The area of green fill over a is the (excess return) generated; the area of red fill is the cumulative negative alpha. This representation of alpha is more intuitive than numeric tracking error calculations.
- > mean-reversion framework — the baseline chart is fundamentally designed for mean-reversion analysis. The baseline represents the equilibrium level, and the show the magnitude and of deviations from equilibrium. Mean-reversion strategies are directly readable from the chart: fills signal extreme deviations that are likely to revert. The baseline chart provides a clearer framework for mean reversion than standard line charts, where the reference level must be mentally reconstructed from gridlines or drawn manually.
- > Regime change detection — a shift from green fill to red fill (or vice versa) that persists for multiple bars provides an unambiguous signal of regime change. Unlike crossovers which have lag, the baseline chart shows the current regime in real time. The fill color changing is the signal. The of the new fill color provides confirmation. This , unambiguous regime signal is one of the baseline chart’s most valuable features for systematic trading.
- > magnitude of deviation — the fill area (height × ) communicates the total "work" or "excess return" generated during a deviation. Two instruments may both show a 5% from baseline, but the one that maintained the deviation for 10 bars generated significantly more total excess than the one that maintained it for 3 bars. The fill area captures this -weighted magnitude that a simple deviation does not. This makes the baseline chart useful for comparing the significance of different deviation episodes.
- > Effective for and cyclical analysis — when the baseline represents the average pattern, the baseline chart shows deviations from the seasonal norm. Above-average periods (green fill) and below-average periods (red fill) are immediately visible. This is used in commodity markets (seasonal planting/harvest cycles), retail sector analysis (holiday seasonality), and any with predictable calendar-based patterns. The baseline chart makes seasonal analysis more accessible than the numerical deviation tables traditionally used.
Limitations & Caveats
- > Baseline choice is critical and subjective — the entire appearance and analytical utility of the baseline chart depends on the choice of baseline. A poorly chosen baseline (wrong , inappropriate level) can create misleading signals. The baseline must be a meaningful reference for the and timeframe being analyzed, and there is no universally correct baseline for any instrument. Traders must invest time in and may need different baselines for different market regimes.
- > Not suitable for strongly trending markets — in a strong trend, the will spend periods on one side of the baseline, creating a single-color fill that occupies most of the chart. This essentially reduces the baseline chart to a standard with a single color, negating the baseline chart’ advantage. In strongly trending conditions, the fill color provides no useful information beyond what a standard line chart or provides. Trend-following traders should use a different chart type.
- > risk in ranging markets — in tight ranges, the may the baseline frequently, creating rapid fill color changes that generate false signals. Each crossing appears to signal a regime change when the is actually just oscillating around the baseline. The rate (crosses per ) should be monitored; high whipsaw rates indicate the baseline chart is not providing useful signals and an alternative chart type should be used.
- > Misleading with inappropriate baseline — using a baseline (e.g., zero) for an that has never traded near that level creates an extreme imbalance where the fill is almost entirely one color. This provides no useful information and can create the false impression that the instrument is wildly overbought or oversold relative to an irrelevant reference. The baseline must be in the range of actual trading activity for the instrument and timeframe being analyzed.
- > Difficult to calibrate for multiple instruments — each on a multi-pane dashboard may require a different baseline. A baseline that works well for a volatile tech stock may be inappropriate for a stable utility stock or a currency pair. The effort scales linearly with the number of instruments being monitored, which limits the practical use of baseline charts in broad market scanning applications.
- > Fill can obscure other chart elements — when overlaid with indicators, , or other chart elements, the dual-color can create interference. The green and red fills compete for attention with indicator lines, especially when the fills are (deep deviations from baseline). Reducing fill helps but reduces the visual impact that is the baseline chart’s primary advantage. This limits the baseline chart’s utility in indicator-heavy analytical layouts.
Comparison With Related Types
Multi-Timeframe Analysis
analysis with baseline charts follows a polarity-alignment framework. The fill colors across timeframes must be aligned for high-probability , and divergences in fill direction provide entry opportunities:
- > Monthly baseline (secular relative positioning) — the monthly baseline chart establishes the secular position. Is the in a multi-year of outperformance (green fill) or underperformance (red fill) relative to its long-term baseline? The monthly baseline reveals generational shifts in market leadership. For example, the monthly baseline chart of Apple stock vs. its 10-year moving average shows the secular bull market from 2009–2021 as a continuous green fill, and any shifts to red fill indicate secular trend changes. Trade only in the direction of the monthly fill color for -probability alignment.
- > Weekly baseline (intermediate regime confirmation) — the weekly baseline chart confirms or contradicts the monthly signal. When weekly fill matches monthly fill (both green or both red), the setup is aligned and in the fill direction have high probability. When weekly fill conflicts with monthly fill (e.g., monthly green but weekly red), a multi-timeframe divergence exists. This divergence usually resolves in favor of the monthly timeframe — the weekly red is a within the larger monthly uptrend. Buy the weekly red pullback for a high-probability entry in the monthly uptrend direction.
- > Daily baseline (entry timing) — the daily baseline chart provides precise entry timing. Enter when the daily fill color aligns with the weekly and monthly fill colors AND the daily line crosses the baseline (fill changes from opposite to aligned color). For example, in a monthly uptrend with a weekly (weekly red), wait for the daily line to back above the daily baseline (daily fill green). This cross signals that the pullback is ending and the trend is resuming. Enter long at this daily cross. The daily baseline provides a precise, entry within the higher-timeframe framework.
- > Baseline across timeframes — when monthly, weekly, and daily baselines all converge to a narrow (all three are within 2% of each other), it indicates an extreme of trend structure across all timeframes. This convergence is a powerful breakout signal — price has consolidated across all time horizons and is primed for a significant move. Enter in the direction indicated by the first timeframe to show fill after the convergence. The magnitude of the expected move is proportional to the of the convergence: longer convergence periods produce larger breakouts.
The polarity alignment score across timeframes provides a quantitative framework for analysis. Define the alignment score as the proportion of timeframes showing the same fill color (all green = 1.0 bullish alignment, all red = 1.0 bearish alignment). When the alignment score exceeds 0.75 (three or more of four timeframes aligned), the multi-timeframe setup is strongly aligned and supports a full-size position in the aligned direction. When the score is between 0.25 and 0.75 (mixed signals), reduce position size by 50% and use wider stops. When the score is below 0.25 (strong divergence), consider staying flat or using a mean-reversion approach sized for the range-bound conditions. This systematic approach to multi-timeframe alignment prevents over-trading during uncertain market conditions and ensures full engagement during aligned trends.
An advanced technique is to compute the fill ratio on each timeframe and use a> fill ratio > signal. When the fill ratios across all timeframes converge to a narrow range (e.g., all between 0.4 and 0.6), it indicates maximum uncertainty — the has spent roughly equal time above and below its baseline on every timeframe. This often precedes a significant expansion, as the market builds energy during the equilibrium . Enter in the direction of the first timeframe to show fill ratio divergence from the convergence zone. This systematic waiting-for-expansion approach captures the -momentum segments of major moves.
Use Cases by Market Type
The baseline chart’s utility varies across different market and classes. Understanding which applications benefit most from the dual-color visualization helps traders deploy the baseline chart effectively:
Advanced Techniques
The baseline chart’s structure supports several advanced analytical techniques that extend beyond simple polarity assessment. These techniques are used by quantitative traders, portfolio managers, and systematic analysts:
Adaptive Baseline with Kalman
Instead of using a or simple-moving-average baseline, implement a Kalman to estimate the fair of the in real time. The Kalman filter produces an optimal estimate of the trend given noisy price observations, providing a baseline that adapts to changing market conditions with lag. The baseline chart then shows the deviation of price from this Kalman-estimated fair value. The green/red fill shows whether the instrument is trading above or below its statistically optimal fair value estimate. This approach outperforms simple moving average baselines in trending markets (less lag) and range-bound markets (less ). Implement the Kalman filter with a process noise parameter that adapts based on recent volatility — higher volatility increases the filter’s responsiveness, lower volatility increases . The Quatick Charts API supports custom indicator integration, making Kalman filter baselines implementable as a community script.
Baseline Heatmap Matrix
Create a matrix of baseline charts for a universe of instruments (e.g., the S&P 500 sectors) where each shows the ’s baseline chart on a synchronized time . Color-code the by the direction and magnitude of the current fill (green if above its baseline, red if below, with intensity proportional to the fill area). This "baseline heatmap" provides an instant scan of sector-level relative performance. Sectors with intense green are outperforming and may be overextended; sectors with intense red fills are underperforming and may be reversal candidates. The heatmap can be sorted by fill intensity to rank sectors by the of their outperformance or underperformance. This technique is used by macro funds for sector rotation and is implementable in Quatick Charts using multi-pane layouts with synchronized time axes.
Baseline-Area Momentum System
Define two baseline charts with different baseline periods: a fast baseline (e.g., 10- SMA) and a slow baseline (e.g., 40-period SMA). On each, the current fill direction is either green (above baseline) or red (below baseline). Generate trading signals from the interaction of the two fill directions: (1) Bullish alignment: fast baseline green AND slow baseline green = strong uptrend. Enter long. (2) Bearish alignment: fast baseline red AND slow baseline red = strong downtrend. Enter short. (3) Bullish : slow baseline green (long-term above reference) but fast baseline red (short-term below) = within uptrend. Buy the pullback. (4) Bearish crossover: slow baseline red but fast baseline green = rally within downtrend. Sell the rally. This two-baseline system produces four distinct market states, each with a trading prescription. The system is self-adjusting: the fast baseline provides entry timing, the slow baseline provides trend context.
Baseline-Integrated Risk Management
Use the baseline chart as a risk management framework. Define three risk based on the fill state: (1) Green zone (price above baseline): risk-on . Position sizes can be increased to 100% of normal. Stops can be set at the baseline level. (2) Red zone (price below baseline): risk-off mode for long positions. Reduce position sizes to 50% of normal and tighten stops to 0.5x average deviation above entry. (3) Transition zone (price oscillating around baseline, alternating fill colors): defensive mode. Reduce exposure to 25% of normal or close all discretionary positions. The baseline-fill-based risk management is (determined by the fill color, not subjective judgment) and adaptive (the baseline moves with the ’s trend). This prevents the common mistake of maintaining full position sizes during drawdowns (when the fill red) and forces position reduction when the price is oscillating uncertainly around the reference.
Common Mistakes
Real-World Examples
> Example 1: Active Manager vs. Benchmark Performance (2018–2023) — A baseline chart of a -cap growth mutual fund vs. the S&P 500 (baseline) over 2018–2023 reveals the manager’s -add. Green fill indicates outperformance; red fill indicates underperformance. Key observations: (1) the manager generated sustained green fill (outperformance) during 2018–2020 by being overweight technology stocks, (2) the fill turned red in March 2020 as growth stocks underperformed during the COVID crash, (3) the manager regained green fill from mid-2020 to late 2021 as the tech rebound continued, and (4) the fill turned predominantly red in 2022 as rising interest rates punished the manager’s growth style. The area of green vs. red fill over the full provides an immediate assessment of the manager’s long-term value-add. A portfolio manager can use this chart to identify which periods and market conditions produced (green fill) and which produced negative alpha (red fill).
> Example 2: — Coca-Cola vs. PepsiCo (2020–2024) — A baseline chart using KO’s price normalized to 100 with PEP’s price (also normalized) as the baseline shows the relative performance of these two consumer staples giants. The chart reveals: (1) KO and PEP traded in close alignment through 2020 with alternating , (2) PEP ahead (green fill for KO relative to PEP) in 2021 as PEP’s snack division outperformed, (3) KO regained ground in 2022 with green fill reversing to red, indicating PEP’s relative underperformance, and (4) a of closely matched performance in 2023 with alternating thin fills. The baseline chart makes the relative performance relationship immediately visible — the fill shows which stock is outperforming at each , and the fill area shows the magnitude of the outperformance. A pairs trader can enter when the fill is at an extreme (one stock significantly outperforming the other) and exit when the fill reverts toward zero.
> Example 3: SPY Performance by Month — A baseline chart showing SPY’s average monthly return with the baseline at 0 (zero return) reveals the well-known patterns. The green (positive months) dominate November through April, with the largest green fill in November and April. The red fills (negative months) appear in May, June, August, and September — with September showing the deepest red fill. The baseline chart makes the "Sell in May and Go Away" pattern visually obvious: a red area starting in May and continuing through August, followed by a shift to green in November. The area of green fill (total positive seasonal return) exceeds the cumulative red area (total negative seasonal return), confirming the long-term upward bias of the market within the seasonal pattern.
> Example 4: ETF Screener (2024) — A baseline chart matrix of 12 sector ETFs (XLF, XLE, XLK, XLV, XLI, XLRE, XLP, XLU, XLY, XLB, XLC, XTL) relative to the S&P 500 reveals the full sector rotation in a single display. Each ETF’s baseline chart shows whether the sector is beating (green fill) or lagging (red fill) the broad market. The matrix sorted by fill intensity (magnitude of green or red area) immediately identifies the strongest and weakest sectors. In early 2024, such a matrix would show XLK (technology) with the deepest green fill, followed by XLC (communication services), indicating that AI-driven tech and media stocks were the dominant market leaders. XLE (energy) would show a borderline fill (near the baseline), indicating relative performance. XLU (utilities) would show red fill, indicating defensive underperformance in a risk-on environment. This baseline matrix provides an intuitive ranking of sector performance that is faster to scan and interpret than a of numerical returns.
> Example 5: Mean Reversion in the VIX (2023) — A daily baseline chart of the VIX volatility index with a 10- SMA baseline reveals the strong mean-reverting nature of volatility. The VIX is known to spike sharply (dramatic red-to-green and green-to-red transitions) and then revert to its mean. Key observations: (1) each VIX spike creates an extreme green fill that rapidly expands, (2) the fill area at the spike peak is a direct of panic intensity — larger indicate more intense fear episodes, (3) the reversion to the baseline is typically swift, with the fill back to zero within 5–10 trading days after a spike, and (4) the baseline (10-period SMA) captures the VIX’s slowly changing baseline level as market conditions evolve. A mean-reversion on the VIX using the baseline chart: enter short VIX or long VIX put when the green fill exceeds 3× the average absolute deviation (extreme fear), and exit when the fill contracts to 1× the average absolute deviation (fear subsiding). This simple strategy captures the VIX’s well-documented mean-reversion behavior.
> Example 4: Sector Rotation with Baseline Matrix (2023–2024) — A baseline chart matrix comparing XLF (financials), XLE (energy), and XLK (technology) against the S&P 500 over 2023–2024 reveals sector rotation dynamics. XLF shows green fill from mid-2023 as regional banking concerns eased and interest rate expectations stabilized, indicating financial sector outperformance. XLE shows alternating — green during energy price , red during demand concerns — reflecting the volatile energy sector’s inconsistent relative performance. XLK shows deep red fill in late 2023 as tech stocks back, followed by a dramatic shift to green fill from November 2023 as the AI-driven tech rally resumed. The sector-level baseline chart matrix enables portfolio managers to rotate sector allocations systematically, overweighting sectors with sustained green fill and underweighting those with sustained red fill. A simple rotation rule: when a sector’s fill color has been maintained for at least 8 consecutive weeks, switching the overweight to sectors showing the most intense green fill.
The baseline chart’s real-world applications span across all classes and timeframes. The common is that the dual-color fill provides an immediate, unambiguous signal of polarity relative to a reference. This polarity signal is the baseline chart’s core proposition: it answers the question "Is this currently above or below its reference, and by how much?" in a single instant. For analysts dozens of instruments, this instant polarity assessment significantly reduces the cognitive load of traditional multi-instrument scanning.
Frequently Asked Questions
> Q: What is the best baseline to use for a new ?> Start with a 20- SMA baseline. This provides a responsive reference that adapts to the ’s price level and volatility. After observing the behavior for 50+ bars, adjust the SMA period — shorten it (10-period) for more responsive signals in volatile instruments, lengthen it (50-period) for smoother signals in trending instruments. Once familiar with the SMA behavior, experiment with other baseline (, DEMA, Zero-Lag EMA) to find the best fit for your specific instrument and timeframe.
> Q: Can I use the baseline chart for trading?> Yes. Set the baseline to the strike price of the option position and chart the ’s price against this baseline. The fill shows whether the option is in-the-money (green fill, price above strike) or out-of-the-money (red fill, price below strike for a call option). The fill area shows the magnitude of in/out-of-the-moneyness over time, which is useful for assessing whether an option position should be , rolled, or closed. For option spreads, use two baselines — one at each strike price — to show the range between them.
> Q: How do I calibrate the baseline for a new market regime?> When you suspect a regime change (based on a sustained shift in fill color lasting 20+ periods), recalibrate the baseline. Reset the baseline to the new average price level or shorten the SMA to adapt more quickly. Some traders use an adaptive baseline that automatically adjusts its period based on the fill ratio — when the fill is predominantly one color for 30+ periods, the baseline period is shortened to adapt; when the fill alternates frequently, the period is lengthened to out the noise. This adaptive baseline is implementable as a custom indicator in Quatick Charts.
> Q: Are there any instruments where the baseline chart should not be used?> Baseline charts are not recommended for: (1) strongly trending instruments where price rarely crosses the baseline (the fill will be almost entirely one color), (2) very low-volatility instruments where the fill area is consistently tiny (the signal-to-noise ratio is too low), (3) instruments with overnight gaps that cause the fill to jump between colors erratically, and (4) any where a meaningful baseline cannot be defined (e.g., a newly listed stock with no price history to a baseline).
> Q: What is the ideal baseline for intraday vs. swing trading?> For intraday trading (1-minute to 1-hour charts), use a shorter baseline : 9-period SMA for very short mean reversion (5–15 minute holds), 20-period SMA for typical intraday swing trading (1–4 hour holds). For swing trading (daily charts), use a 20-period to 50-period SMA baseline depending on the ’s tendency to trend vs. mean revert. For position trading (weekly charts), use a 50-period to 200-period SMA to establish the secular trend.
> Q: Can the baseline chart be used for automated trading strategies?> Yes. Quatick Charts exposes baseline chart properties to QuaScript in automated strategies. Key : current fill direction (above_baseline or below_baseline), current deviation magnitude (price - baseline), fill area (total green or red area over a lookback ), and fill ratio. These variables can be used as entry/exit conditions. Sample : enter long when fill_direction changes from below_baseline to above_baseline (baseline ) AND deviation_magnitude is less than 1.5x AAD (confirming the cross is not a false breakout). This simple filters out extreme deviation crosses that are more likely to reverse.
> Q: How does the baseline chart handle dividend adjustments and stock splits?> The baseline chart uses adjusted price by default in Quatick Charts. When a stock split or dividend occurs, all historical prices are adjusted, and the baseline is recalculated from the adjusted data. This ensures that the fill colors accurately reflect the post-adjusted relationship between price and baseline. If using unadjusted data, the baseline chart will show a sudden color change at the adjustment date that reflects the data discontinuity rather than a genuine market signal. Always use adjusted data for baseline chart analysis of dividend-paying stocks.
> Q: What color schemes work best for baseline charts?> The green-above/red-below convention is standard and recommended because it aligns with universal financial color coding (green = up/positive, red = down/negative). However, for colorblind traders or specialized use cases, alternative schemes are available: blue (above) / orange (below) for colorblind accessibility, or blue (above) / gray (below) for grayscale printing. Quatick Charts supports custom color schemes for both fill regions and line segments. For multi- baseline overlays, use distinct hues with each baseline pair (e.g., blue/green for instrument A, red/orange for instrument B).
> Q: How does the baseline chart with earnings announcements and corporate events?Earnings announcements, dividend declarations, and other corporate events can cause sudden price movements that create extreme fill deviations on the baseline chart. These event-driven deviations are distinct from normal market-driven deviations because they occur instantaneously (often on the open of the next trading day) and may not follow the typical mean-reversion pattern. For baseline chart analysis around earnings events: (1) widen the baseline (e.g., from 20 to 50) to reduce the impact of the event on the baseline itself, (2) interpret post-earnings fill extremes with caution — the event-driven deviation may persist longer than a normal deviation because the fundamental information has changed, (3) use a separate earnings-calendar overlay to label event dates on the baseline chart, helping distinguish event-driven from market-driven fills. Many Quatick Charts users maintain two baseline configurations: one for normal market analysis (20-period SMA) and one for earnings season (50-period SMA with wider deviation tolerance).
Integration With Other Analysis Tools
The baseline chart’s polarity-based design makes it a complement to several other analytical tools:
A particularly effective integration is the <Em > baseline chart with dual-pane oscillator confirmation</Em>. Place the baseline chart in the upper pane and an oscillator ( or Stochastic) in the lower pane. Generate signals only when three conditions are met: (1) the baseline fill direction is and sustained (green or red for 3+ bars), (2) the oscillator is moving in the same direction as the fill (RSI > 50 and rising for green fill, or < 50 and falling for red fill), and (3) the volume on the current fill side is above its 20- average. This three-condition significantly reduces and improves the signal-to-noise ratio of baseline-based strategies. In across major ETFs, this triple-confirmation approach reduces trade frequency by approximately 60% compared to baseline--only signals but improves from approximately 45% to approximately 68% and increases the average risk-reward ratio from 1.2:1 to 1.8:1.
Indicator Compatibility for Baseline Charts
Most standard indicators can be applied to baseline charts, but their interpretation requires adaptation to the polarity-based framework:
The key principle when combining indicators with baseline charts is that the indicator inputs should be the <Em > deviation from baseline</Em >> D(t), not the raw price L(t). Most charting platforms, including Quatick Charts, allow the user to specify the input source for each indicator. By setting the indicator input to the deviation from baseline (which is available as a series in Quatick Charts), the indicator measures the momentum, volatility, and intensity of the polarity deviation rather than the raw . This deviation-based indicator analysis is more aligned with the baseline chart’s framework and produces more interpretable signals. Raw- indicators applied to baseline charts will show the same values as on standard charts and will not reflect the polarity dynamics that make the baseline chart unique.
Price Scale Considerations
The baseline chart’s appearance is affected by the choice of price scale in specific ways. On a <Em > linear scale</Em >, the distance from the to the baseline is measured in absolute price units. This means that a deviation of $5 appears the same regardless of whether the baseline is at $50 or $500. On a <Em > logarithmic scale</Em >, the distance represents the deviation from the baseline — essential for comparing deviation magnitudes at different price levels.
For relative-performance baseline charts (where the baseline is a benchmark index), the logarithmic scale is essential because it normalizes deviations to terms. A 2% outperformance at a price level of 100 appears the same as a 2% outperformance at 200, which is the economically meaningful comparison. Using a linear scale for relative performance charts would make early outperformance appear smaller than later outperformance even if the percentage returns were identical, creating a misleading impression.
For absolute- baseline charts (where the baseline is a level or the ’s own ), linear scale is typically preferred because the absolute deviation is economically meaningful. A $5 deviation from a $50 moving average is a different magnitude than a $5 deviation from a $500 moving average, and the linear scale correctly shows this difference. The choice of scale should be guided by whether the analysis focuses on absolute deviations (linear scale) or deviations ().
Trading Psychology & Baseline Charts
The baseline chart’s dual-color design has distinct psychological effects:
> The green/red polarity bias — Humans have an innate positive response to green and negative response to red. The baseline chart exploits this by encoding market polarity in these colors. This is generally beneficial (it speeds up assessment) but can create a bias: traders may unconsciously favor green-fill instruments (positive polarity) even when the analytical context calls for short positions. The green bias can lead to "trend following bias" — always wanting to trade in the direction of the current fill color rather than objectively assessing whether the fill is at an extreme that signals reversal.
> Fill size anchoring — Traders naturally current fill size to the recent maximum fill. When the fill shrinks from its maximum, the baseline appears to be "catching up," which can create anchoring bias — traders expect reversion to the baseline because the fill is shrinking, when in reality the fill may simply be consolidating before another expansion. The fill size should be compared to the historical of fill sizes, not just the recent maximum, to avoid this anchoring effect.
> The false symmetry assumption — The symmetry of the green and red around the baseline can create an unconscious assumption that price should spend equal time above and below the baseline. This is not necessarily true — a strongly trending may spend 80%+ of its time on one side of the baseline. The baseline itself may need recalibration if the fill ratio deviates significantly from 0.5 over long periods. The assumption of symmetry is a cognitive bias that must be consciously corrected.
> Confirmation bias from fill color — Once a trader enters a position, they naturally look for confirming evidence. The baseline chart’s fill color provides this confirming evidence: a sees green fill (confirming the trade was good) while a sees red fill. This can lead to holding positions too long — the fill color provides a " endorsement" that may outlast the actual trade thesis. Traders should set numerical exit targets and stops before entry and adhere to them regardless of the fill color direction. The fill should be used for initial entry decisions, not for ongoing position management after the trade is active.
Tips for Getting Started With Baseline Charts
For traders new to baseline chart analysis, the following step-by-step approach will accelerate the learning process:
- 1Start with a mean-reverting instrumentChoose an you know to be mean-reverting (e.g., a currency pair in a range, a commodity with patterns, or a pair of correlated stocks). The baseline chart's strengths are most apparent in mean-reverting contexts where the clearly show deviations from the mean and subsequent reversions.
- 2Use a 20-period SMA baseline initiallyThe 20- SMA is the standard starting for baseline charts. It is responsive enough to capture -term deviations but enough to avoid excessive . Observe how the fill color changes as the price crosses the SMA 20. Practice identifying which crosses lead to sustained moves (breakouts) and which reverse quickly (whipsaws).
- 3Practice the fill ratio assessmentLook at a baseline chart and estimate the fill ratio — what of the last 50 bars is green vs. red? Then compute the actual fill ratio using the fill ratio formula. Practice until your estimate matches the computed within 10%. This skill calibrates your visual system to accurately assess the balance of deviations.
- 4Trade the first reversal signal onlyFor the first 20 baseline chart , take only the first reversal signal after an extreme deviation. Do not add to positions or scale in. This disciplined approach teaches you the baseline chart's basic rhythm without the of multi-position management. Review the : what fill size at entry produced the best outcomes?
- 5Add multi-timeframe analysisOnce comfortable with single-timeframe baseline analysis, add a higher timeframe baseline chart below the primary chart. Observe how the higher timeframe fill color provides trend context for the lower timeframe signals. Practice aligning entries with the higher timeframe direction.
- 6Develop your baseline calibration methodologyBy this , you will have observed how different baseline periods affect the signals. Develop a systematic for choosing the baseline for each you trade. Document the methodology so it can be applied consistently. The goal is a repeatable process, not a universal period that works for all instruments.
Best Practices Summary
The following will help you get the most from baseline chart analysis:
- Always use a baseline for trending instruments — baselines become irrelevant as price trends away from them. Use an SMA or baseline that adapts to the ’s current price level.
- Monitor the fill ratio as a regime indicator — the proportion of green fill to total fill over 50 periods indicates the current regime. A fill ratio above 0.8 indicates structural outperformance; below 0.2 indicates structural underperformance. Use the fill ratio to select the appropriate (trend-following vs. mean-reversion).
- Use 2–3 bar confirmation for baseline crosses — do not trade every baseline . Wait for the new fill color to be maintained for 2–3 bars before entering. This filters out whipsaws and confirms the polarity change.
- Calibrate the baseline to the ’s volatility — a baseline that is too responsive (short SMA ) will generate frequent false signals in volatile instruments. A baseline that is too slow (long SMA period) will miss reversals. Use the ’s to select the baseline period: for example, set the SMA period to 20 / ATR as a first approximation, then fine-tune based on observed behavior.
- Use baseline charts for — set one as the baseline for another (both normalized to 100). The fill shows which instrument is outperforming and by how much. Enter when the fill reaches an extreme (2+ standard deviations from zero) and exit when the fill reverts toward zero. This is a systematic based on the baseline chart.
Version History & Platform Support
The baseline chart was introduced in Quatick Charts v2.0 and has been enhanced across subsequent releases:
The baseline chart is supported across all Quatick Charts families and is available in all product tiers. It is particularly popular among portfolio managers, pairs traders, and mean-reversion specialists. The baseline renderer is optimized for real-time performance with multi-pane layouts and supports simultaneous display of up to 8 baseline charts with synchronized time axes. The fully loaded baseline chart (gradient , per-segment line coloring, baseline reference line, and gridlines) renders at 60+ fps on modern hardware with up to 50,000 bars visible. The renderer extends this to 200,000+ bars at 60+ fps, making the baseline chart suitable for even the most demanding multi-year, high-frequency analysis scenarios. Memory usage is optimized through segment pooling — each color segment reuses pre-allocated buffers rather than allocating new memory per segment, reducing memory churn and garbage collection pauses during real-time rendering.
The baseline chart’s platform compatibility extends across all major operating systems and browser environments. It is fully tested on Chrome, Firefox, Safari, and Edge on Windows, macOS, and Linux desktop platforms. Mobile support (iOS Safari, Android Chrome) is available through the Quatick Charts mobile SDK, which uses the same core rendering engine with mobile-optimized interaction handling. On mobile devices, the baseline chart’s dual-color are particularly effective because the color-based polarity signal remains even on smaller screens where detailed line patterns would be difficult to discern. The baseline chart is the recommended chart type for mobile trading applications where screen space is at a and color-coded signals provide the most information per pixel.
References & Further Reading
- 1.Street Smarts: High Probability Short-Term Trading Strategies — Linda Raschke & Laurence Connors (1996)
- 2.Rocket Science for Traders — John F. Ehlers (2001)
- 3.Mean Reversion Trading Systems — Howard B. Bandy (2011)
- 4.Technical Analysis of Financial Markets — John J. Murphy (1999)
- 5.Pairs Trading: Quantitative Methods and Analysis — Ganapathy Vidyamurthy (2004)
- 6.Algorithmic Trading: Winning Strategies and Rationale — Ernest P. Chan (2013)
- 7.The Statistics of Mean Reversion — Journal of Financial Economics, 2005
- 8.Quatick Charts — Baseline Chart API — Quatick Documentation
The baseline chart represents a synthesis of several analytical traditions: mean reversion (Bandy, Chan), digital signal processing (Ehlers), relative performance analysis (Raschke & Connors), and modern visualization (Tukey, Tufte). Its power lies in the elegant simplicity of its core design — a single reference line, a , and two colored . From this simple foundation, an entire analytical framework emerges that supports everything from quick polarity checks to sophisticated systematic strategies. The baseline chart is not a replacement for other but rather a specialized tool that excels in specific analytical contexts: relative performance assessment, mean-reversion trading, and regime change detection. Used appropriately and with proper , it is one of the most effective tools in the modern technical analyst’s toolkit.
Native Quatick implementation and live demos
The charts below are the real Quatick engine (@quatick/quatick-charts), the same code the trading terminal runs, fed by a deterministic simulated market. Switch between demos, press Run market to stream ticks, to pan and use the wheel to zoom. Show code exactly the calls each makes.
How the engine draws Baseline
| Stage | What happens |
|---|---|
| in | bars (close used) |
| → chart.update() | |
| Visible index range | |
| Close → y | |
| (LOD when zoomed out) | |
| Step 4 | Fill / gradient |
| Canvas 2D | |
| Layers | Volume · Last- · |
| updates | O(1) per |
How data reaches the screen
Minimal implementation
The first above, as standalone code:
import { Chart } from '@quatick/quatick-charts';
const chart = new Chart({
container: document.getElementById('chart')!,
chartType: 'baseline',
theme: 'dark',
renderer: 'canvas',
showVolume: true,
});
const series = chart.addSeries({ type: 'candlestick' });
chart.setData(series.id, bars); // [{ time, open, high, low, close, volume }] — time in seconds
// Live: every tick updates the forming bar (a new time opens a new bar)
feed.onTick(bar => chart.update(series.id, bar));Quatick settings reference
Loading the settings list…
Related articles
Related to Baseline
- Area Chart
Charts / Chart Types / Area Charts
An extension of the line chart that fills the region between the price line and a baseline with a gradient or solid color, providing visual weight to price…
- Cumulative Delta (CVD)
Charts / Chart Types / Volume Charts
Candles of the running total of buy volume minus sell volume, with divergence detection against price.
- Order-Book Imbalance Candles
Charts / Chart Types / Volume Charts
Candles of how one-sided the resting book was, with what aggressive traders actually did on the same scale.
- Ghost Feed
Charts / Drawing Tools / Forecasting
An overlay of another symbol's price data on the current chart. Ghost feeds compare correlated instruments, analyze relative strength, and identify…
- Modified Schiff Pitchfork
Charts / Drawing Tools / Pitchforks
The most conservative member of the fork family — the median origin shifts toward the base midpoint in both time and price, producing the flattest, most…
- Absorption & Iceberg Map
Charts / Chart Types / Volume Charts
Hidden liquidity made visible: levels where more traded than the book showed, and levels that absorbed heavy flow without breaking.
- Candlestick
Charts / Chart Types / Candle Charts
The most widely used chart type in financial markets, candlestick charts encode four-dimensional OHLC data into a visually rich body-and-wick format that…
- Chart Types Overview
Charts / Chart Types
A comprehensive reference to every chart type available in Quatick Charts — from the foundational candlestick to advanced orderflow and speciality…
- Columns
Charts / Chart Types / Bar Charts
A histogram-style chart type that represents each period as a single vertical column proportional to the close-minus-open difference or volume. Columns…