Sextant

Studio

Generate from your data

Paste a sample of your data — JSON rows or CSV. Sextant infers the column shape, suggests the widgets that fit, maps the columns, and previews the real component live with your numbers. Deterministic, no LLM.

Detected columns

date date · datecash measure · number

Suggested widgets

Map columns

Live preview

Acme · Monthly recurring revenue

$4560k

latest · Revenue

  • Revenue

Revenue bottomed at $4.56M in Feb 2026.

Acme · Monthly recurring revenue — Revenue by month with auto-detected annotations
MonthRevenuePlanNote
Sep 20256,200,000Peak
Oct 20255,870,000
Nov 20255,560,000Trend shift
Dec 20255,210,000
Jan 20264,900,000
Feb 20264,560,000Trough

Acme analytics · updated hourly · anomalies auto-detected

Copy typed data + install

// 1 — install the component
npx shadcn add @sextant/chart-annotated-timeseries

// 2 — paste your data, already typed to the widget's contract
import { ChartAnnotatedTimeseries } from "@/components/blocks/chart-annotated-timeseries/chart-annotated-timeseries";

<ChartAnnotatedTimeseries series={[
  {
    "date": "2025-09-01",
    "value": 6200000
  },
  {
    "date": "2025-10-01",
    "value": 5870000
  },
  {
    "date": "2025-11-01",
    "value": 5560000
  },
  {
    "date": "2025-12-01",
    "value": 5210000
  },
  {
    "date": "2026-01-01",
    "value": 4900000
  },
  {
    "date": "2026-02-01",
    "value": 4560000
  }
]} />