Playground — Forecast — Semiotic

Home · Getting Started · Charts · Features · Playground

This page requires JavaScript for interactive chart demos.

AI / Machine-readable docs: llms.txt · llms-full.txt · CLAUDE.md · schema.json · API Reference · Examples

View on GitHub · npx semiotic-ai for CLI access

Machine-readable page content

Canonical: https://semiotic.nteract.io/playground/forecast

Forecast & Anomaly Detection Playground

The forecast prop on LineChart provides built-in statistical overlays. The line splits into three visual segments:training (dashed),observed (solid), andforecast (dotted with confidence envelope).

Auto mode computes regression from training data and extrapolates. Pre-computed mode reads segment flags and bounds from your data — use this when bounds come from an ML model. The envelope follows per-point upper/lower bounds (non-rectilinear), and anomalous points are flagged via an isAnomaly field.

Dataset:Train/Forecast split at x=60 · 80 points

Forecast

Forecast Steps

Confidence Level

Forecast Color

#6366f1

Envelope Opacity

Training Dash

Forecast Dash

Anomaly

Enable Anomaly Detection

Threshold (σ)

Show Band

Band Color

#6366f1

Anomaly Dot Color

#ef4444

Anomaly Dot Radius

Line

Line Width

Show Points

Curve

Layout

Show Grid

Generated Code

JSX

import { LineChart } from "semiotic" // Auto: Linear Trend + Anomalies const data = [...] // Auto: Linear Trend + Anomalies <LineChart data={data} xAccessor="time" yAccessor="value" showGrid forecast={{ trainEnd: 60, }} anomaly={{}} />