Plotting & Visualization

//@version=2
define(title="plot() styles", position="offchart", axis=true)

timeseries d = ohlcv(symbol=currentSymbol, exchange=currentExchange)
timeseries smaData = sma(source=d.close, period=20)

// One renderer, many styles: switch plotType between line, bar, candle, point.
plot(value=smaData, plotType="spline", width=2, colors=["#2196f3"], label=["SMA"], desc=["smoothed close"])

//@version=2

// Simple line with solid fill
plotLine(value=sma20, width=2, colors=["#2196f3"], fill=true, smooth=true, label=["SMA 20"], desc=["20-period Simple Moving Average"]);

// Line with no fill (line only)
plotLine(value=ema50, width=2, colors=["#ff6b35"], fill=false, smooth=true, label=["EMA 50"], desc=["50-period Exponential Moving Average"]);

// Line with 30% opacity fill
plotLine(value=rsi, width=2, colors=["#9c27b0"], fill=0.3, smooth=true, label=["RSI"], desc=["Relative Strength Index"]);

// Using colorIndex to select specific color from array
plotLine(value=rsiData, width=2, colors=["#ff0000", "#00ff00", "#0000ff"], colorIndex=1, fill=true, smooth=true, label=["RSI"], desc=["RSI with Green Color"]); // Uses green (index 1)

// MOMENTUM FILL - two-line conditional fill. It colors the band between a value
// line && a baseline by sign, so `value` MUST be a [series, baseline] pair — a
// single series renders nothing. Needs a 4-color array:
// [posLineColor, negLineColor, posFillColor, negFillColor].
plotLine(value=[momentum, 0], width=2, colors=[
    "#00ff88",   // Color 0: line color when value > baseline
    "#ff4444",   // Color 1: line color when value < baseline
    "#00ff8830", // Color 2: fill color when value > baseline
    "#ff444430"  // Color 3: fill color when value < baseline
], fill="momentum_fill", smooth=true, label=["Momentum", "Zero"], desc=["Momentum with Conditional Fill", "Baseline"]);
// When momentum > 0: uses colors[0] for line, colors[2] for fill
// When momentum < 0: uses colors[1] for line, colors[3] for fill

// Example: MACD histogram-style momentum fill (fill the MACD line against a zero baseline)
timeseries macdData = macd(close, 12, 26, 9);
plotLine(value=[macdData, 0], width=1, colors=[
    "#26a69a", // Bullish line
    "#ef5350", // Bearish line
    "#26a69a40", // Bullish fill (25% opacity)
    "#ef535040"  // Bearish fill (25% opacity)
], fill="momentum_fill", smooth=false, label=["MACD", "Zero"], desc=["MACD Histogram", "Baseline"]);

// Multiple lines with different fill styles
plotLine(value=fastMA, width=2, colors=["#00ff88"], fill=0.2, smooth=true, label=["Fast MA"], desc=["Fast Moving Average"]);  // Semi-transparent
plotLine(value=slowMA, width=3, colors=["#ff4444"], fill=true, smooth=true, label=["Slow MA"], desc=["Slow Moving Average"]);  // Solid fill

//@version=2

define(title="Volume Bars", position="offchart", axis=true);

timeseries ohlcvData = ohlcv(symbol=currentSymbol, exchange=currentExchange);
plotBar(value=ohlcvData.volume, width=1, colors=["#4ecdc4", "#ff6b6b"], label=["Volume"], desc=["Trading Volume Bars"]);

//@version=3

// Volume as histogram columns grown from the default base (0), with the
// style passthroughs: width, glow, tooltip, zOrder, tag, showPriceDisplay.
define(title="Volume Histogram", position="offchart", axis=true);

timeseries data = ohlcv(symbol=currentSymbol, exchange=currentExchange);
var volume = data.volume;

plotHistogram(
  value=volume,
  colors=["#26a69a"],
  width=2,
  glow=false,
  showPriceDisplay=true,
  tooltip="Volume",
  zOrder=1,
  tag="symbol",
  label=["Volume"],
  desc=["Trading volume histogram"]
);

//@version=3

// MACD histogram around an explicit base=0, with dynamic colors via a
// numeric colorIndex: the palette index flips on the sign of the value.
define(title="MACD Histogram", position="offchart", axis=true);

var colors = input(name="colors", type="color[]", defaultValue=["green", "red"], label="Colors");

timeseries data = ohlcv(symbol=currentSymbol, exchange=currentExchange);

var output = macd(source=data, fastPeriod=12, slowPeriod=26, signalPeriod=9);
var histogram = output[2];

var idx = (histogram >= 0) ? 0 : 1;

plotHistogram(
  value=histogram,
  base=0,
  colors=colors,
  colorIndex=idx,
  width=1,
  label=["MACD Histogram"],
  desc=["MACD histogram columns from base 0"]
);

//@version=3

// Columns grow up or down from base=100 as close oscillates around 100,
// the offset-baseline form of the histogram contract.
define(title="Histogram From Base 100", position="offchart", axis=true);

timeseries data = ohlcv(symbol=currentSymbol, exchange=currentExchange);
var close = data.close;

var idx = (close >= 100) ? 0 : 1;

plotHistogram(
  value=close,
  base=100,
  colors=["#22c55e", "#ef4444"],
  colorIndex=idx,
  label=["Close vs 100"],
  desc=["Close plotted as columns grown from base 100"]
);

//@version=3

// Dynamic colors via a STRING colorIndex: the per-bar color string is used
// directly, so the colors palette can be omitted entirely.
define(title="Direction-Colored Volume", position="offchart", axis=true);

timeseries data = ohlcv(symbol=currentSymbol, exchange=currentExchange);
var open = data.open;
var close = data.close;

var barColor = (close >= open) ? "#22c55e" : "#ef4444";

plotHistogram(
  value=data.volume,
  colorIndex=barColor,
  label=["Volume"],
  desc=["Volume colored by candle direction via string colorIndex"]
);

//@version=2

define(title="Candlestick Chart", position="offchart", axis=false);

timeseries ohlcvData = ohlcv(symbol=currentSymbol, exchange=currentExchange);
plotCandle(value=ohlcvData, width=1, colors=["#4caf50", "#f44336"], label=["Price"], desc=["OHLC Candlestick Chart"]);

//@version=2

// Basic circle shape - solid fill
plotShape(
  (value = buySignals),
  (shape = 'circle'),
  (width = 3),
  (colors = ['#00ff00']),
  (fill = true),
  (showPriceDisplay = true),
  (label = ['Buy']),
  (desc = ['Buy Signal Markers']),
);

// Circle with no fill (outline only)
plotShape(
  (value = sellSignals),
  (shape = 'circle'),
  (width = 2),
  (colors = ['#ff0000']),
  (fill = false),
  (showPriceDisplay = true),
  (label = ['Sell']),
  (desc = ['Sell Signal Markers']),
);

// Circle with 30% opacity fill (70% transparent)
plotShape(
  (value = neutralSignals),
  (shape = 'circle'),
  (width = 2),
  (colors = ['#0000ff']),
  (fill = 0.3),
  (showPriceDisplay = false),
  (label = ['Neutral']),
  (desc = ['Neutral Signal Markers']),
);

// Circle with 80% opacity for semi-transparent markers
plotShape(
  (value = weakSignals),
  (shape = 'circle'),
  (width = 2),
  (colors = ['#ffff00']),
  (fill = 0.8),
  (label = ['Weak']),
  (desc = ['Weak Signal Markers']),
);

// Dynamic shape based on conditions
var signal = crossover(fast_ma, slow_ma) ? high : na;
plotShape(
  (value = signal),
  (shape = 'circle'),
  (width = 4),
  (colors = ['#00ff88']),
  (fill = 0.5),
  (label = ['Cross']),
  (desc = ['Crossover Signal']),
);

//@version=2
define(title="Volume Profile", position="onchart", axis=true);

// Array-celled source: each bar's row is [ts, bucket, bucket, …]
// where bucket = [priceLow, priceHigh, buyVol, sellVol].
timeseries vp = source("volume_profile", symbol=currentSymbol, exchange=currentExchange);

func drawBucket(i) {
  var bucket  = vp[0][i + 1]                 // i-th bucket of the current bar
  var price   = (bucket[0] + bucket[1]) / 2  // bucket midpoint
  var buyVol  = bucket[2]
  var sellVol = bucket[3]
  var total   = buyVol + sellVol

  // Size each circle by volume relative to the point-of-control bucket.
  var maxVol  = vpPocVolume(vp)
  var denom   = maxVol > 0 ? maxVol : 1
  var radius  = 3 + (total / denom) * 17

  var color   = buyVol > sellVol ? "#f00" : "#0f0"
  plotShape(value=price, shape="circle", colorIndex=color, width=radius, label=["volume profile"], desc=["Volume Profile bucket"])
}

// One circle per bucket, on every bar.
plotBatches(vpBucketCount(vp), drawBucket)

plotPie(
  (value = [buyVol, sellVol]),
  (price = price),
  (radius = radius),
  (colors = ['#22c55e', '#ef4444']),
  (display = 'none'),
);

//@version=2

define(title="Pie Chart Example", position="onchart", axis=false);

timeseries ohlcvData = ohlcv(symbol=currentSymbol, exchange=currentExchange);

plotPie(value=[60, 40], price=ohlcvData.close, colors=["#22c55e", "#ef4444"], display="percent");

//@version=2

define(title="Text Labels Example", position="offchart", axis=false);

timeseries ohlcvData = ohlcv(symbol=currentSymbol, exchange=currentExchange);

// Display text at specific price level
plotText(text="Signal", color="yellow", price=ohlcvData.close, size=12, xAlign="CENTER", yAlign="CENTER");

// Display text with background
plotText(text="BUY", color="white", price=ohlcvData.low, size=14, xAlign="LEFT", yAlign="BOTTOM", fill=true, backgroundColor="green");

// Display dynamic text with formatting
if (isLastBar) {
    plotText(text="[ Volume Delta ]", color="gray", price=50, size=10, xAlign="LEFT", yAlign="CENTER");
}

//@version=2

define(title="Price Label Examples", position="onchart", axis=true);

timeseries data = ohlcv(symbol=currentSymbol, exchange=currentExchange);

// Callout (default) — text box + leader line + dot
if (data.close > data.open) {
    plotPriceLabel(
        price=data.high,
        text="LONG",
        type="callout",
        color="#ffffff",
        backgroundColor="#22c55e",
        size=14,
        fontWeight=700
    );
}

// Simple — centered text box, no leader, with hover tooltip
if (data.close < data.open) {
    plotPriceLabel(
        price=data.low,
        text="SELL",
        type="simple",
        tooltip="Bearish bar\nopen above close\nshort signal",
        color="#ffffff",
        backgroundColor="#ef4444",
        size=13,
        fontWeight=600
    );
}

// Icon-only — SVG path (Material chevron-up), bar-anchored
var upPath = "M7.41 15.41L12 10.83l4.59 4.58L18 14l-6-6-6 6z";
if (data.close > data.open) {
    plotPriceLabel(
        price=data.high,
        type="icon-only",
        svgPath=upPath,
        iconSize=16,
        anchorY="bottom",
        tooltip="Bullish bar",
        color="#22c55e"
    );
}

// Position variants — pin label to bar left / center / right
plotPriceLabel(price=data.high, text="L", position="left", color="#ffffff", backgroundColor="#3b82f6", size=12);
plotPriceLabel(price=data.high, text="C", position="center", color="#ffffff", backgroundColor="#3b82f6", size=12);
plotPriceLabel(price=data.high, text="R", position="right", color="#ffffff", backgroundColor="#3b82f6", size=12);

//@version=2

define(title="Labels Example", position="onchart", axis=false);

timeseries data = ohlcv(symbol=currentSymbol, exchange=currentExchange);

// Display labels at predefined positions
plotLabel(text="Top Left", position="top_left", color="#00ff00", size=14);
plotLabel(text="Top Right", position="top_right", color="#ff0000", size=14);
plotLabel(text="Bottom Center", position="bottom_center", color="#ffff00", size=12);

// Display label with offset from position
plotLabel(text="Offset Label", position="top_left", x=50, y=30, color="#ffffff", size=12);

// Display label at absolute pixel position
plotLabel(text="Absolute Position", x=100, y=200, color="#00ffff", size=16);

// Display dynamic value with background
if (isLastBar) {
    plotLabel(text="Price: " + data.close, position="top_right", color="#ffffff", size=14, backgroundColor="#333333");
}

//@version=2

define(title="Tables Example", position="offchart", axis=false);

timeseries data = ohlcv(symbol=currentSymbol, exchange=currentExchange);

if (isLastBar) {
    // Basic OHLC table
    plotTable(
        data=[
            ["Metric", "Value"],
            ["Open", data.open],
            ["High", data.high],
            ["Low", data.low],
            ["Close", data.close]
        ],
        position="top_right",
        headerRow=true
    );

    // Custom styled table
    plotTable(
        data=[
            ["Symbol", currentSymbol],
            ["Exchange", currentExchange]
        ],
        position="middle_center",
        headerColumn=true,
        backgroundColor="#1a1a2e",
        headerBackgroundColor="#16213e",
        borderColor="#0f3460"
    );
}

//@version=2

define(title="Session Range Box", position="onchart", axis=false);

timeseries bars = ohlcv(symbol=currentSymbol, exchange=currentExchange);

// Draw a session box highlighting a time range
static sessionStart = 0;
static sessionHigh = 0;
static sessionLow = 1000000;

// Track session high/low
if (bars.high > sessionHigh) {
    sessionHigh = bars.high;
}
if (bars.low < sessionLow) {
    sessionLow = bars.low;
}

// Draw session box at end of period
if (isLastBar) {
    plotRange(
        time1=bars.time - (20 * currentInterval),
        time2=bars.time,
        price1=sessionHigh,
        price2=sessionLow,
        color="#00BCD4",
        fillColor=opacity("#00BCD4", 18)
    );
}

//@version=2
define("Minicharts Multi-TF", "onchart", false, maxBarsBack=80)
timeseries data = ohlcv(currentSymbol, currentExchange)

if (isLastBar) {
  var bars15m = requestBars(currentSymbol, "15m", "ohlcv", currentExchange, { bars: 18, anchor: "latest" })
  var bars1h  = requestBars(currentSymbol, "1h",  "ohlcv", currentExchange, { bars: 18, anchor: "latest" })
  var bars4h  = requestBars(currentSymbol, "4h",  "ohlcv", currentExchange, { bars: 18, anchor: "latest" })
  var bars1d  = requestBars(currentSymbol, "1d",  "ohlcv", currentExchange, { bars: 18, anchor: "latest" })

  plotMiniChartGrid(
    panels=[["15m", bars15m], ["1h", bars1h], ["4h", bars4h], ["1d", bars1d]],
    title=currentSymbol,
    position="top_right",
    columns=2,
    panelWidth=160,
    panelHeight=92,
    maFastLength=9,
    maSlowLength=21,
    showChange=true,
    showVolume=true
  )
}

//@version=2
define("Minicharts Multi-TF", "onchart", false, maxBarsBack=80)
timeseries data = ohlcv(currentSymbol, currentExchange)

if (isLastBar) {
  var bars15m = requestBars(currentSymbol, "15m", "ohlcv", currentExchange, { bars: 18, anchor: "latest" })
  var bars1h  = requestBars(currentSymbol, "1h",  "ohlcv", currentExchange, { bars: 18, anchor: "latest" })
  var bars4h  = requestBars(currentSymbol, "4h",  "ohlcv", currentExchange, { bars: 18, anchor: "latest" })
  var bars1d  = requestBars(currentSymbol, "1d",  "ohlcv", currentExchange, { bars: 18, anchor: "latest" })

  plotMiniChartGrid(
    panels=[["15m", bars15m], ["1h", bars1h], ["4h", bars4h], ["1d", bars1d]],
    title=currentSymbol,
    position="top_right",
    columns=2,
    panelWidth=160,
    panelHeight=92,
    maFastLength=9,
    maSlowLength=21,
    showChange=true,
    showVolume=true
  )
}

//@version=2
define("Stats Row Example", "onchart", false, maxBarsBack=80)
timeseries trade = ohlcv(currentSymbol, currentExchange)

var delta = trade.close - trade.open
var rangePct = trade.open == 0 ? na : ((trade.high - trade.low) / trade.open) * 100

plotStatRow(
  trade.volume,
  title="Volume",
  format="si",
  polarity="magnitude",
  priority=1,
  colors=["#60a5fa"]
)
plotStatRow(
  delta,
  title="Delta",
  format="signedSi",
  polarity="diverging",
  priority=1
)
plotStatRow(
  rangePct,
  title="Range %",
  format="percent",
  polarity="magnitude",
  priority=2
)

//@version=2

define(title="RSI with Reference Levels", position="offchart", axis=true);

timeseries ohlcvData = ohlcv(symbol=currentSymbol, exchange=currentExchange);

// Calculate RSI
var rsiValue = rsi(source=ohlcvData.close, period=14);

// Plot RSI
plotLine(value=rsiValue, width=2, colors=["#2196f3"], fill=false, smooth=true, label=["RSI"], desc=["14-period RSI"]);

// Basic horizontal lines for reference levels
hline(value=70, color="#ff0000", width=2);  // Red line at 70 (overbought)
hline(value=30, color="#00ff00", width=2);  // Green line at 30 (oversold)
hline(value=50, color="#808080", width=1);  // Gray midline at 50

//@version=2

define(title="RSI with Market Conditions", position="offchart", axis=true);

// ==================== INPUTS ====================
// RSI Settings
var rsiPeriod = input(name="rsi_period", type="number", defaultValue=14, label="RSI Period", constraints={min: 2, max: 100});
var overboughtLevel = input(name="overbought", type="number", defaultValue=70, label="Overbought Level", constraints={min: 50, max: 100});
var oversoldLevel = input(name="oversold", type="number", defaultValue=30, label="Oversold Level", constraints={min: 0, max: 50});

// Visual Settings
var showZones = input(name="show_zones", type="boolean", defaultValue=true, label="Show Zone Lines");
var rsiColor = input(name="rsi_color", type="color", defaultValue="#2962FF", label="RSI Line Color");
var lineWidth = input(name="width", type="number", defaultValue=2, label="Line Width", constraints={min: 1, max: 5});

// ==================== DATA & CALCULATIONS ====================
timeseries ohlcvData = ohlcv(symbol=currentSymbol, exchange=currentExchange);

// Calculate RSI
var rsiValue = rsi(source=ohlcvData, period=rsiPeriod);

// ==================== BACKGROUND COLORS ====================
// Determine market condition && apply appropriate background
if (rsiValue < 20) {
    // Extreme oversold - strong green (best buying opportunity)
    plotBgColor(color="rgba(76, 175, 80, 0.3)");
    plotBgColor(color="rgba(76, 175, 80, 0.3)", forceOnChart=true);
} else if (rsiValue < oversoldLevel) {
    // Oversold - light green (potential buying opportunity)
    plotBgColor(color="rgba(129, 199, 132, 0.2)");
    plotBgColor(color="rgba(129, 199, 132, 0.2)", forceOnChart=true);
} else if (rsiValue > 80) {
    // Extreme overbought - strong red (best selling opportunity)
    plotBgColor(color="rgba(244, 67, 54, 0.3)");
    plotBgColor(color="rgba(244, 67, 54, 0.3)", forceOnChart=true);
} else if (rsiValue > overboughtLevel) {
    // Overbought - light red (potential selling opportunity)
    plotBgColor(color="rgba(239, 154, 154, 0.2)");
    plotBgColor(color="rgba(239, 154, 154, 0.2)", forceOnChart=true);
} else if (rsiValue > 45 && rsiValue < 55) {
    // Neutral zone - very light gray
    plotBgColor(color="rgba(158, 158, 158, 0.1)");
    plotBgColor(color="rgba(158, 158, 158, 0.1)", forceOnChart=true);
}

// ==================== PLOTTING ====================
// Plot RSI line
plotLine(
    value=rsiValue,
    colors=[rsiColor],
    width=lineWidth,
    smooth=true,
    label=["RSI"],
    desc=["Relative Strength Index"]
);

//@version=2
define(title="Delta Zero Fill", position="offchart", axis=true);

timeseries ohlcvData = ohlcv(symbol=currentSymbol, exchange=currentExchange);
timeseries closeSeries = ohlcvData.close;
timeseries delta = closeSeries - sma(source=closeSeries, period=20);
timeseries zero = delta * 0;

plotLine(value=delta, colors=["#e2e8f0"], width=1, label=["Delta"], desc=["Close minus its 20-bar average"]);
plotLine(value=zero, colors=["#64748b"], width=1, label=["Zero"], desc=["Zero baseline"]);
fillBetween(series1=delta, series2=zero, color=delta >= 0 ? "#22c55e" : "#ef4444", opacity=0.15);

//@version=2
define(title="Delta Zero Fill", position="offchart", axis=true);

timeseries ohlcvData = ohlcv(symbol=currentSymbol, exchange=currentExchange);
timeseries closeSeries = ohlcvData.close;
timeseries delta = closeSeries - sma(source=closeSeries, period=20);
timeseries zero = delta * 0;

plotLine(value=delta, colors=["#e2e8f0"], width=1, label=["Delta"], desc=["Close minus its 20-bar average"]);
plotLine(value=zero, colors=["#64748b"], width=1, label=["Zero"], desc=["Zero baseline"]);
fillBetween(series1=delta, series2=zero, color=delta >= 0 ? "#22c55e" : "#ef4444", opacity=0.15);

//@version=2
define(title="Renderers", position="offchart", axis=true)

timeseries trade = ohlcv(symbol=currentSymbol, exchange=currentExchange)
timeseries closeSeries = trade.close
timeseries highSeries = trade.high
timeseries lowSeries = trade.low
timeseries volumeSeries = trade.volume

timeseries fast = sma(source=closeSeries, period=5)
timeseries slow = sma(source=closeSeries, period=13)
var shapeValue = closeSeries > fast ? highSeries : lowSeries
var candleColor = closeSeries >= trade.open ? "#059669" : "#dc2626"

plot(value=closeSeries, plotType="line", colors=["#2563eb"], width=2, label=["Close Line"], desc=["Universal plot line"])
plotLine(value=fast, colors=["#7c3aed"], width=2, label=["Fast SMA"], desc=["plotLine fast average"])
plotShape(value=shapeValue, shape="circle", colors=["#f97316"], width=3, fill=true, label=["Shape"], desc=["plotShape marker"])
plotText(text="close", color="#111827", price=highSeries, size=12)
plotTable(data=[["field", "value"], ["barIndex", barIndex], ["last", isLastBar]], position="top_right")
plotCandle(value=trade, colors=["#059669", "#dc2626"], width=1, label=["Open", "High", "Low", "Close"], desc=["plotCandle open", "plotCandle high", "plotCandle low", "plotCandle close"])
plotBar(value=volumeSeries, colors=["#0891b2", "#f97316"], width=1, label=["Volume"], desc=["plotBar volume"])
hline(value=100, color="#6b7280", width=1)
barcolor(color=candleColor)
plotLine(value=slow, colors=["#16a34a"], width=2, label=["Slow SMA"], desc=["plotLine slow average for fill context"])
fillBetween(series1=fast, series2=slow, color="#94a3b8", opacity=0.2)