Plotting & Visualization

//@version=2

// Simple line plot
plot(value=smaData, plotType="spline", width=2, colors=["#2196f3"], fill=true, label=["SMA"], desc=["Simple Moving Average"]);

// Using colorIndex to select specific color from array
plot(value=rsiData, plotType="line", width=2, colors=["#ff0000", "#00ff00", "#0000ff"], colorIndex=2, fill=true, label=["RSI"], desc=["RSI with Blue Color"]); // Uses blue (index 2)

// Histogram with positive/negative colors
plot(value=volumeDelta, plotType="bar", width=1, colors=["#00ff88", "#ff4444"], label=["Volume Delta"], desc=["Volume Delta Histogram"]);

//@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 - Conditional coloring based on positive/negative values
// Requires 4-color array: [posLineColor, negLineColor, posFillColor, negFillColor]
plotLine(value=momentum, width=2, colors=[
    "#00ff88",   // Color 0: Positive value line color (green)
    "#ff4444",   // Color 1: Negative value line color (red)
    "#00ff8830", // Color 2: Positive value fill color (green with transparency)
    "#ff444430"  // Color 3: Negative value fill color (red with transparency)
], fill="momentum_fill", smooth=true, label=["Momentum"], desc=["Momentum with Conditional Fill"]);
// 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
timeseries macdData = macd(close, 12, 26, 9);
plotLine(value=macdData, 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"], desc=["MACD Histogram"]);

// 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=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(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 and 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"]
);