graphein 0.16.2 → 0.17.0

package/dist/index.d.ts

@@ -1193,6 +1193,19 @@ interface SketchConfig {
     /** Apply the hand-drawn font to titles/labels/axes (default true). */
     font?: boolean;
 }
+/** Individual panels the debug view can render. */
+type DebugSection = 'preview' | 'spec' | 'data' | 'validation' | 'report' | 'summary';
+/**
+ * Debug-view options. Set `debug: true` on any spec to replace the chart with a
+ * diagnostic view, or pass this object to tune it. All fields are plain JSON so
+ * specs still round-trip through `JSON.stringify`. See {@link BaseSpec.debug}.
+ */
+interface DebugConfig {
+    /** Which panels to show, in order. Omit for all of them. */
+    sections?: DebugSection[];
+    /** Max number of data rows to list in the data table (default 50). */
+    rows?: number;
+}
 /** Fields shared by all spec types. */
 interface BaseSpec {
     /** Row-oriented (tidy) data. Required for all charts/tables. */
@@ -1230,6 +1243,17 @@ interface BaseSpec {
      * to tune it. Omit (or `false`) for the default clean rendering.
      */
     sketch?: boolean | SketchConfig;
+    /**
+     * Replace the chart with an interactive **debug view** — a live preview of the
+     * real chart alongside the resolved spec (JSON), a sample of the data (with
+     * inferred column types and row count), validation errors/warnings,
+     * render-report diagnostics, and the plain-English summary. `true` shows every
+     * panel; pass a {@link DebugConfig} to select panels or cap the data sample.
+     * Omit (or `false`) to render normally. The original `type` is preserved, so
+     * clearing the flag restores the chart. Rich HTML view in the browser; headless
+     * PNG export (`@graphein/node`) gets a simple text fallback.
+     */
+    debug?: boolean | DebugConfig;
     /**
      * Named selections this visual publishes. Clicking marks, brushing, or
      * changing a slicer updates the param's value on the shared selection store,
@@ -3936,6 +3960,49 @@ declare global {
 }
 declare function render(target: HTMLElement | string, spec: ChartSpec, options?: RenderOptions): ChartInstance;
 
+/**
+ * Debug view — renders a spec's *internals* instead of the chart, as a diagnostic
+ * aid. Opt in with `debug: true` (or a {@link DebugConfig}) on any spec.
+ *
+ * This is a runtime concern rather than a leaf chart renderer: it composes
+ * `validateSpec` (spec) + a render report (runtime) + `summarize` (analyze) and,
+ * for the live preview, a *nested* chart render. To avoid an import cycle
+ * (`charts → runtime → charts`), the caller injects the `render` function via
+ * {@link DebugViewDeps.renderPreview}; nothing here imports the runtime entry.
+ *
+ * Two surfaces:
+ *   - Browser: {@link renderDebugView} builds rich HTML panels in `surface.overlay`.
+ *   - Headless (`@graphein/node`): {@link drawDebugCanvas} paints a plain text
+ *     fallback (there is no DOM to host the panels).
+ */
+
+/** Dependencies the browser debug view needs from the runtime (injected to avoid a cycle). */
+interface DebugViewDeps {
+    /**
+     * Mount the *real* chart (the spec with debug turned off) into `host` and return
+     * the instance. The caller supplies the runtime `render`; this module never
+     * imports it, keeping the module graph acyclic.
+     */
+    renderPreview: (host: HTMLElement, spec: ChartSpec) => ChartInstance;
+}
+interface DebugViewResult {
+    /** The mounted live-preview instance, or null when the preview panel is disabled/failed. */
+    preview: ChartInstance | null;
+    /** Report describing the *underlying* chart (from the preview when available). */
+    report: RenderReport;
+}
+/**
+ * Build the browser debug view into `surface.overlay` and mount the live preview.
+ * Returns the preview instance (for lifecycle management by the caller) and the
+ * report describing the underlying chart.
+ */
+declare function renderDebugView(surface: Surface, spec: ChartSpec, tokens: ThemeTokens, size: Size, deps: DebugViewDeps): DebugViewResult;
+/**
+ * Headless fallback: paint a plain-text dump (type, validation summary, and the
+ * pretty spec JSON) onto the canvas. There is no DOM to host the rich panels.
+ */
+declare function drawDebugCanvas(surface: Surface, spec: ChartSpec, tokens: ThemeTokens, size: Size): void;
+
 /**
  * DOM spec publishing — makes a rendered chart identifiable and editable by
  * external tools (agents, devtools extensions, page scripts) straight from the
@@ -4104,4 +4171,4 @@ declare function renderDashboard(target: HTMLElement | string, spec: DashboardSp
  */
 declare const VERSION = "0.1.0";
 
-export { type AggOp, type AggregateOp, type AggregateTransform, type AnimateOptions, type AnimationConfig, type AnimationHandle, type Annotation, type AnySpec, type ArcOptions, type AreaOptions, type AreaPoint, type AreaSpec, type AxesConfig, type AxisConfig, type AxisInput, type BackingSize, type BandScale, type BandScaleOptions, type BarSpec, type BaseSlicerSpec, type BaseSpec, type BinLayout, type BinTransform, type BoxSpec, type BuildOptions, type BulletSpec, CARTESIAN_TYPES, CHART_TYPES, type CalculateTransform, type CalendarHeatmapSpec, CanvasLayer, type CanvasPillStyle, type CanvasTextCmd, type CartesianChartSpec, type CartesianInteractionBuilder, type CartesianModel, type CartesianRenderer, type CategoryInsights, type ChartInsights, type ChartInstance, type ChartSpec, type ChartSummary, type ChartType, type ChoroplethSpec, type ColorScale, type ColumnProfile, type ComboAxisModel, type ComboLayer, type ComboLayerModel, type ComboMark, type ComboModel, type ComboSide, type ComboSpec, type Comparable, type ConditionalFormat, type ContinuousScale, type ControllerSelect, type Curve, type CurveType, type CustomRenderer, DEFAULT_ENTRANCE_DURATION, DEFAULT_ROUGH_STYLE, DEFAULT_UPDATE_DURATION, DIM_ALPHA, type DashboardCell, type DashboardInstance, type DashboardLayout, type DashboardResponsiveSpan, type DashboardSection, type DashboardSpec, type DashboardView, type DateRangeSlicerSpec, type Datum, type DecimateOptions, type Dimensions, type DropdownSlicerSpec, type DumbbellSpec, type EasingFunction, type Emphasis, type Encoding, type EntranceContext, ExpressionError, type Extent, FACETABLE_TYPES, FUNCTION_NAMES, type FacetConfig, type FacetLayout, type FacetPanel, type FieldDef, type FieldType, type FieldValue, type FillStyle, type FilterClause, type FilterPredicate, type FilterTransform, type FoldTransform, type Frame, type FrameInput, type FunnelSpec, type GaugeSpec, type GeoFeature, type GeoFeatureCollection, type GeoGeometry, type GeoMultiPolygon, type GeoPolygon, type GeoPosition, type GroupedMap, type HachureSegment, type HeadlessTarget, type HeatmapSpec, type HighlightConfig, type HistogramBin, type HistogramBinDatum, type HistogramModel, type HistogramSpec, type Hover, type IconRule, type Insets, type InsightFamily, type InsightOptions, type Inspector, type InspectorOptions, InteractionController, type InteractionLink, type InteractionModel, type Interpolator, type JsonPatchOp, type KpiComparison, type KpiSpec, type LegendConfig, type LegendHitRegion, type LegendItem, type LegendPosition, type LegendSymbol, type LineOptions, type LineSpec, type LinearScaleOptions, type LintFinding, type ListSlicerSpec, type LiteralPredicate, type LogScaleOptions, type MapProjection, type MarkOptions, type MatrixSpec, type MatrixValueDef, NO_PADDING, type NumberFormatSpec, type OKLCH, type OKLab, type OverlayTextOpts, type PathSink, type PieLabels, type PieSpec, type PivotCell, type PivotFlatRow, type PivotHeaderNode, type PivotOptions, type PivotResult, type PivotValueDef, type Point, type PointRef, type PointScale, type PointScaleOptions, type PointSelection, type PositionedLegendItem, type RGBA, type RangeSelection, type RangeSlicerSpec, type RecommendOptions, type RecommendedChart, type Rect, type RegressionFit, type RenderContext, type RenderDashboardOptions, type RenderDiagnostic, type RenderOptions, type RenderReport, type RepairResult, type ReportInput, type ReportSeverity, type ResolvedEntrance, type ResolvedSeries, type ResolvedSketch, type Rng, type RoughContext, RoughPen, type RoughStyle, SKETCH_FONT_FAMILY, SKETCH_FONT_NAME, SLICER_TYPES, SPEC_ATTR, SR_ONLY_STYLE, type SankeySpec, type ScaleConfig, type ScaleType, type ScatterInsights, type ScatterSpec, type SearchSlicerSpec, type SelectConfig, type SelectionChangeListener, type SelectionDef, type SelectionListener, type SelectionParam, type SelectionStore, type SelectionValue, type SeriesInsights, type SetSelection, type SharedScales, type Size, type SketchConfig, type SlicerSpec, type SlicerType, type SlopeSpec, Surface, TICK_SIZE, TIME_UNITS, TRANSFORM_KINDS, TYPE_ATTR, type TableColumn, type TableSpec, type TextMetricsLite, type TextSelection, type ThemeColors, type ThemeFont, type ThemeInput, type ThemeTokens, type Tick, type TimeScaleOptions, type TimeUnit, type TimeUnitTransform, type TitleConfig, type TitleInput, Tooltip, type TooltipConfig, type TooltipContent, type TooltipRow, type Transform, type TreemapSpec, type TrendlineConfig, type UpdateContext, VERSION, type ValidationError, type ValidationResult, type ValueInsights, type ValueRef, type ValueRule, type WaterfallSpec, type WiredView, type XKind, type XModel, type YModel, aggregateValues, analyzeChart, animate, applyA11y, applyAggregate, applyBin, applyCalculate, applyFilter, applyFold, applyPatch, applyPick, applyTimeUnit, applyTransform, applyTransforms, arc, area, assertValidSpec, autoInsightAnnotations, backOut, bandScale, bounceOut, buildCartesianInteraction, buildCartesianModel, buildComboModel, buildDataTableFallback, buildFacetModels, buildHistogramModel, buildRenderReport, cartesianInteractionBuilders, cartesianRenderers, categorical, categoricalSchemes, chartTitleText, chartTypeLabel, checkExpression, clamp01, clamp255, compileExpression, compilePredicate, computeBackingSize, computeBins, computeFrame, computeSeriesInsights, contrastRatio, createDiv, createInspector, createRoughPen, createSelectionStore, cubicIn, cubicInOut, cubicOut, curveCatmullRom, curveLinear, curveMonotoneX, curveStep, curveStepAfter, curveStepBefore, customRenderers, darkTheme, decimate, defaultSpan, dependentParams, diverging, divergingColorScale, divergingSchemes, drawAnnotationLabels, drawAnnotations, drawAxesUnderlay, drawFacet, drawLegend, drawOverlay, drawTitle, drawTrendlineLabels, drawTrendlines, easings, elasticOut, ellipsize, ensureSketchFont, expoInOut, expoOut, facetReport, fillParentStyle, filterRows, fontString, formatCountUp, formatDate, formatNumber, formatValue, getDevicePixelRatio, groupBy, hashString, inferFieldType, inferFieldTypes, inferValueType, inheritInto, interpolateArray, interpolateNumber, interpolateNumberArray, interpolateObject, interpolateOklab, interpolateRgb, isBrowser, isEmptyValue, isFaceted, isParamClause, isSlicerType, keyFields, legendSwatchWidth, lightTheme, line, linear, linearRegression, linearScale, linearToSrgb, lintSpec, literalToValue, logScale, lttbRun, makeMatcher, matchesValue, measureText, monotoneXTangents, mulberry32, niceDomain, oklabToOklch, oklabToRgb, oklchToOklab, ordinalColorScale, overlayTextToCanvasCmd, paintCanvasText, paintLegendSwatch, parseColor, parseNumberFormat, pivot, placeViews, pointScale, polygonHachureLines, prefersReducedMotion, prettyDate, profileColumns, quadIn, quadInOut, quadOut, rampFromStops, readableTextColor, recommendChart, relativeLuminance, render, renderDashboard, renderToContext, repairReport, repairSpec, resolveCurve, resolveDashboardLayout, resolveDashboardSections, resolveEmphasis, resolveEntrance, resolveFilterValues, resolveInsightOptions, resolveSketch, resolveTheme, resolveUpdate, resolveValueRef, rgbToOklab, rgbaToCss, rotatePoint, roundedRect, sampleArc, sequential, sequentialColorScale, sequentialSchemes, serializeSpec, setMeasureContext, setStyle, sinInOut, slicerParamName, smartDate, specFields, srgbToLinear, stripData, summarize, summarizeChart, themes, tickIncrement, tickStep, ticks, timeScale, timeTickFormat, timeTicks, toHex, toPointer, tooltipEnabled, truncateTo, validateDashboard, validateSpec, wireViews, withAlpha, withSketchFont };
+export { type AggOp, type AggregateOp, type AggregateTransform, type AnimateOptions, type AnimationConfig, type AnimationHandle, type Annotation, type AnySpec, type ArcOptions, type AreaOptions, type AreaPoint, type AreaSpec, type AxesConfig, type AxisConfig, type AxisInput, type BackingSize, type BandScale, type BandScaleOptions, type BarSpec, type BaseSlicerSpec, type BaseSpec, type BinLayout, type BinTransform, type BoxSpec, type BuildOptions, type BulletSpec, CARTESIAN_TYPES, CHART_TYPES, type CalculateTransform, type CalendarHeatmapSpec, CanvasLayer, type CanvasPillStyle, type CanvasTextCmd, type CartesianChartSpec, type CartesianInteractionBuilder, type CartesianModel, type CartesianRenderer, type CategoryInsights, type ChartInsights, type ChartInstance, type ChartSpec, type ChartSummary, type ChartType, type ChoroplethSpec, type ColorScale, type ColumnProfile, type ComboAxisModel, type ComboLayer, type ComboLayerModel, type ComboMark, type ComboModel, type ComboSide, type ComboSpec, type Comparable, type ConditionalFormat, type ContinuousScale, type ControllerSelect, type Curve, type CurveType, type CustomRenderer, DEFAULT_ENTRANCE_DURATION, DEFAULT_ROUGH_STYLE, DEFAULT_UPDATE_DURATION, DIM_ALPHA, type DashboardCell, type DashboardInstance, type DashboardLayout, type DashboardResponsiveSpan, type DashboardSection, type DashboardSpec, type DashboardView, type DateRangeSlicerSpec, type Datum, type DebugConfig, type DebugSection, type DebugViewDeps, type DebugViewResult, type DecimateOptions, type Dimensions, type DropdownSlicerSpec, type DumbbellSpec, type EasingFunction, type Emphasis, type Encoding, type EntranceContext, ExpressionError, type Extent, FACETABLE_TYPES, FUNCTION_NAMES, type FacetConfig, type FacetLayout, type FacetPanel, type FieldDef, type FieldType, type FieldValue, type FillStyle, type FilterClause, type FilterPredicate, type FilterTransform, type FoldTransform, type Frame, type FrameInput, type FunnelSpec, type GaugeSpec, type GeoFeature, type GeoFeatureCollection, type GeoGeometry, type GeoMultiPolygon, type GeoPolygon, type GeoPosition, type GroupedMap, type HachureSegment, type HeadlessTarget, type HeatmapSpec, type HighlightConfig, type HistogramBin, type HistogramBinDatum, type HistogramModel, type HistogramSpec, type Hover, type IconRule, type Insets, type InsightFamily, type InsightOptions, type Inspector, type InspectorOptions, InteractionController, type InteractionLink, type InteractionModel, type Interpolator, type JsonPatchOp, type KpiComparison, type KpiSpec, type LegendConfig, type LegendHitRegion, type LegendItem, type LegendPosition, type LegendSymbol, type LineOptions, type LineSpec, type LinearScaleOptions, type LintFinding, type ListSlicerSpec, type LiteralPredicate, type LogScaleOptions, type MapProjection, type MarkOptions, type MatrixSpec, type MatrixValueDef, NO_PADDING, type NumberFormatSpec, type OKLCH, type OKLab, type OverlayTextOpts, type PathSink, type PieLabels, type PieSpec, type PivotCell, type PivotFlatRow, type PivotHeaderNode, type PivotOptions, type PivotResult, type PivotValueDef, type Point, type PointRef, type PointScale, type PointScaleOptions, type PointSelection, type PositionedLegendItem, type RGBA, type RangeSelection, type RangeSlicerSpec, type RecommendOptions, type RecommendedChart, type Rect, type RegressionFit, type RenderContext, type RenderDashboardOptions, type RenderDiagnostic, type RenderOptions, type RenderReport, type RepairResult, type ReportInput, type ReportSeverity, type ResolvedEntrance, type ResolvedSeries, type ResolvedSketch, type Rng, type RoughContext, RoughPen, type RoughStyle, SKETCH_FONT_FAMILY, SKETCH_FONT_NAME, SLICER_TYPES, SPEC_ATTR, SR_ONLY_STYLE, type SankeySpec, type ScaleConfig, type ScaleType, type ScatterInsights, type ScatterSpec, type SearchSlicerSpec, type SelectConfig, type SelectionChangeListener, type SelectionDef, type SelectionListener, type SelectionParam, type SelectionStore, type SelectionValue, type SeriesInsights, type SetSelection, type SharedScales, type Size, type SketchConfig, type SlicerSpec, type SlicerType, type SlopeSpec, Surface, TICK_SIZE, TIME_UNITS, TRANSFORM_KINDS, TYPE_ATTR, type TableColumn, type TableSpec, type TextMetricsLite, type TextSelection, type ThemeColors, type ThemeFont, type ThemeInput, type ThemeTokens, type Tick, type TimeScaleOptions, type TimeUnit, type TimeUnitTransform, type TitleConfig, type TitleInput, Tooltip, type TooltipConfig, type TooltipContent, type TooltipRow, type Transform, type TreemapSpec, type TrendlineConfig, type UpdateContext, VERSION, type ValidationError, type ValidationResult, type ValueInsights, type ValueRef, type ValueRule, type WaterfallSpec, type WiredView, type XKind, type XModel, type YModel, aggregateValues, analyzeChart, animate, applyA11y, applyAggregate, applyBin, applyCalculate, applyFilter, applyFold, applyPatch, applyPick, applyTimeUnit, applyTransform, applyTransforms, arc, area, assertValidSpec, autoInsightAnnotations, backOut, bandScale, bounceOut, buildCartesianInteraction, buildCartesianModel, buildComboModel, buildDataTableFallback, buildFacetModels, buildHistogramModel, buildRenderReport, cartesianInteractionBuilders, cartesianRenderers, categorical, categoricalSchemes, chartTitleText, chartTypeLabel, checkExpression, clamp01, clamp255, compileExpression, compilePredicate, computeBackingSize, computeBins, computeFrame, computeSeriesInsights, contrastRatio, createDiv, createInspector, createRoughPen, createSelectionStore, cubicIn, cubicInOut, cubicOut, curveCatmullRom, curveLinear, curveMonotoneX, curveStep, curveStepAfter, curveStepBefore, customRenderers, darkTheme, decimate, defaultSpan, dependentParams, diverging, divergingColorScale, divergingSchemes, drawAnnotationLabels, drawAnnotations, drawAxesUnderlay, drawDebugCanvas, drawFacet, drawLegend, drawOverlay, drawTitle, drawTrendlineLabels, drawTrendlines, easings, elasticOut, ellipsize, ensureSketchFont, expoInOut, expoOut, facetReport, fillParentStyle, filterRows, fontString, formatCountUp, formatDate, formatNumber, formatValue, getDevicePixelRatio, groupBy, hashString, inferFieldType, inferFieldTypes, inferValueType, inheritInto, interpolateArray, interpolateNumber, interpolateNumberArray, interpolateObject, interpolateOklab, interpolateRgb, isBrowser, isEmptyValue, isFaceted, isParamClause, isSlicerType, keyFields, legendSwatchWidth, lightTheme, line, linear, linearRegression, linearScale, linearToSrgb, lintSpec, literalToValue, logScale, lttbRun, makeMatcher, matchesValue, measureText, monotoneXTangents, mulberry32, niceDomain, oklabToOklch, oklabToRgb, oklchToOklab, ordinalColorScale, overlayTextToCanvasCmd, paintCanvasText, paintLegendSwatch, parseColor, parseNumberFormat, pivot, placeViews, pointScale, polygonHachureLines, prefersReducedMotion, prettyDate, profileColumns, quadIn, quadInOut, quadOut, rampFromStops, readableTextColor, recommendChart, relativeLuminance, render, renderDashboard, renderDebugView, renderToContext, repairReport, repairSpec, resolveCurve, resolveDashboardLayout, resolveDashboardSections, resolveEmphasis, resolveEntrance, resolveFilterValues, resolveInsightOptions, resolveSketch, resolveTheme, resolveUpdate, resolveValueRef, rgbToOklab, rgbaToCss, rotatePoint, roundedRect, sampleArc, sequential, sequentialColorScale, sequentialSchemes, serializeSpec, setMeasureContext, setStyle, sinInOut, slicerParamName, smartDate, specFields, srgbToLinear, stripData, summarize, summarizeChart, themes, tickIncrement, tickStep, ticks, timeScale, timeTickFormat, timeTicks, toHex, toPointer, tooltipEnabled, truncateTo, validateDashboard, validateSpec, wireViews, withAlpha, withSketchFont };

package/dist/index.js

@@ -4181,6 +4181,7 @@ var COMBO_MARKS = ["line", "bar", "area", "scatter"];
 var COMBO_AXES = ["left", "right"];
 var NEGATIVE_STYLES = ["sign", "parens", "red", "parens-red"];
 var SHOW_AS = ["value", "percentOfRow", "percentOfColumn", "percentOfTotal"];
+var DEBUG_SECTIONS = ["preview", "spec", "data", "validation", "report", "summary"];
 function isObject3(v) {
   return typeof v === "object" && v !== null && !Array.isArray(v);
 }
@@ -4666,6 +4667,32 @@ function validateSpec(spec) {
       }
     }
   }
+  const debug = spec.debug;
+  if (debug !== void 0 && typeof debug !== "boolean") {
+    if (!isObject3(debug)) {
+      err("debug", '"debug" must be a boolean or a DebugConfig object.');
+    } else {
+      const sections = debug.sections;
+      if (sections !== void 0) {
+        if (!Array.isArray(sections)) {
+          err("debug.sections", '"sections" must be an array of section names.');
+        } else {
+          for (const s of sections) {
+            if (!DEBUG_SECTIONS.includes(s)) {
+              err(
+                "debug.sections",
+                `Unknown debug section "${String(s)}". Expected one of: ${DEBUG_SECTIONS.join(", ")}.`
+              );
+            }
+          }
+        }
+      }
+      const rows = debug.rows;
+      if (rows !== void 0 && (typeof rows !== "number" || !Number.isFinite(rows) || rows < 0)) {
+        err("debug.rows", '"rows" must be a non-negative number.');
+      }
+    }
+  }
   try {
     for (const finding of lintSpec(spec)) warnings.push(finding);
   } catch {
@@ -17456,6 +17483,356 @@ function facetReport(spec, layout2, tokens, size) {
   };
 }
 
+// src/runtime/debug.ts
+var DEFAULT_SECTIONS = ["preview", "summary", "validation", "report", "spec", "data"];
+var DEFAULT_ROW_CAP = 50;
+function resolveConfig(debug) {
+  const cfg = typeof debug === "object" && debug != null ? debug : {};
+  const sections = cfg.sections && cfg.sections.length ? cfg.sections : DEFAULT_SECTIONS;
+  const rowCap = cfg.rows != null && Number.isFinite(cfg.rows) ? Math.max(0, Math.floor(cfg.rows)) : DEFAULT_ROW_CAP;
+  return { sections, rowCap };
+}
+function specTitle(spec) {
+  const t = spec.title;
+  if (typeof t === "string") return t;
+  if (t && typeof t === "object") return t.text;
+  return void 0;
+}
+function cellText2(v) {
+  if (v == null) return "";
+  if (v instanceof Date) return v.toISOString();
+  if (typeof v === "object") return JSON.stringify(v);
+  return String(v);
+}
+function highlightJson(json, tokens) {
+  const esc = json.replace(/&/g, "&amp;").replace(/</g, "&lt;").replace(/>/g, "&gt;");
+  const syn = tokens.dark ? { key: "#7dd3fc", string: "#86efac", number: "#fca5a5", keyword: "#c4b5fd" } : { key: "#0369a1", string: "#15803d", number: "#b91c1c", keyword: "#7c3aed" };
+  return esc.replace(
+    /("(?:\\u[a-zA-Z0-9]{4}|\\[^u]|[^\\"])*"(\s*:)?|\b(?:true|false|null)\b|-?\d+(?:\.\d*)?(?:[eE][+-]?\d+)?)/g,
+    (match) => {
+      let color = syn.number;
+      if (match[0] === '"') color = /:\s*$/.test(match) ? syn.key : syn.string;
+      else if (match === "true" || match === "false" || match === "null") color = syn.keyword;
+      return `<span style="color:${color}">${match}</span>`;
+    }
+  );
+}
+function specForDisplay(spec) {
+  const copy = { ...spec };
+  if (Array.isArray(spec.data)) copy.data = `[\u2026 ${spec.data.length} rows \u2014 see the Data panel]`;
+  return copy;
+}
+function makePanel(title2, tokens) {
+  const card = createDiv("graphein-debug-panel", {
+    border: `1px solid ${tokens.color.border}`,
+    borderRadius: `${tokens.radius.md}px`,
+    background: tokens.color.surface,
+    overflow: "hidden",
+    marginBottom: `${tokens.spacing.sm}px`
+  });
+  const header = createDiv("graphein-debug-panel-header", {
+    display: "flex",
+    alignItems: "center",
+    gap: `${tokens.spacing.xs}px`,
+    padding: `${tokens.spacing.xs}px ${tokens.spacing.sm}px`,
+    font: fontString(tokens.font.size.small, tokens.font.family, tokens.font.weight.bold),
+    color: tokens.color.textMuted,
+    cursor: "pointer",
+    userSelect: "none",
+    borderBottom: `1px solid ${tokens.color.border}`
+  });
+  const caret = document.createElement("span");
+  caret.textContent = "\u25BE";
+  const label = document.createElement("span");
+  label.textContent = title2;
+  header.append(caret, label);
+  const body = createDiv("graphein-debug-panel-body", {
+    padding: `${tokens.spacing.sm}px`,
+    color: tokens.color.text,
+    font: fontString(tokens.font.size.small, tokens.font.family, tokens.font.weight.normal)
+  });
+  header.addEventListener("click", () => {
+    const collapsed = body.style.display === "none";
+    body.style.display = collapsed ? "" : "none";
+    caret.textContent = collapsed ? "\u25BE" : "\u25B8";
+  });
+  card.append(header, body);
+  return { card, body };
+}
+function monoStyle(tokens) {
+  return {
+    margin: "0",
+    whiteSpace: "pre",
+    overflow: "auto",
+    maxHeight: "320px",
+    fontFamily: "ui-monospace, SFMono-Regular, Menlo, Consolas, monospace",
+    fontSize: `${tokens.font.size.small}px`,
+    lineHeight: "1.5"
+  };
+}
+function buildPreviewPanel(spec, tokens, deps) {
+  const { card, body } = makePanel("Live preview", tokens);
+  const host = createDiv("graphein-debug-preview", { position: "relative", width: "100%", height: "260px" });
+  body.appendChild(host);
+  let preview = null;
+  let report = null;
+  try {
+    preview = deps.renderPreview(host, { ...spec, debug: false, animation: false });
+    report = preview.report();
+  } catch (e) {
+    body.replaceChildren();
+    const msg = createDiv(void 0, { color: tokens.color.negative, whiteSpace: "pre-wrap" });
+    msg.textContent = `Preview failed to render:
+${e instanceof Error ? e.message : String(e)}`;
+    body.appendChild(msg);
+  }
+  return { card, preview, report };
+}
+function buildSummaryPanel(spec, tokens) {
+  const { card, body } = makePanel("Summary", tokens);
+  let text = "";
+  try {
+    text = summarize(spec);
+  } catch {
+    text = "";
+  }
+  body.textContent = text || "\u2014 (no summary for this chart type)";
+  if (!text) setStyle(body, { color: tokens.color.textMuted });
+  return card;
+}
+function diagnosticRow(path, message, color, tokens) {
+  const row = createDiv(void 0, { display: "flex", gap: `${tokens.spacing.xs}px`, padding: "2px 0" });
+  const key = document.createElement("code");
+  key.textContent = path;
+  setStyle(key, { color, fontWeight: String(tokens.font.weight.bold), flex: "0 0 auto" });
+  const msg = document.createElement("span");
+  msg.textContent = message;
+  setStyle(msg, { color: tokens.color.text });
+  row.append(key, msg);
+  return row;
+}
+function buildValidationPanel(spec, tokens) {
+  const { card, body } = makePanel("Validation", tokens);
+  const result = validateSpec(spec);
+  if (result.valid && result.warnings.length === 0) {
+    body.textContent = "\u2713 Valid \u2014 no errors or warnings";
+    setStyle(body, { color: tokens.color.positive });
+    return card;
+  }
+  const add = (items, color, prefix) => {
+    for (const item of items) {
+      const tag = item.rule ? `${prefix} ${item.rule}` : prefix;
+      body.appendChild(diagnosticRow(item.path ? `${tag} @ ${item.path}` : tag, item.message, color, tokens));
+    }
+  };
+  add(result.errors, tokens.color.negative, "error");
+  add(result.warnings, tokens.dark ? "#fbbf24" : "#b45309", "warn");
+  return card;
+}
+function buildReportPanel(report, tokens) {
+  const { card, body } = makePanel("Render report", tokens);
+  if (!report) {
+    body.textContent = "\u2014 (no report available)";
+    setStyle(body, { color: tokens.color.textMuted });
+    return card;
+  }
+  const stats = createDiv(void 0, { marginBottom: `${tokens.spacing.xs}px` });
+  const ok = report.ok ? "\u2713 ok" : "\u2717 issues";
+  stats.textContent = `${ok} \xB7 ${report.type} \xB7 ${Math.round(report.size.width)}\xD7${Math.round(report.size.height)}px \xB7 marks ${report.markCount} \xB7 series ${report.seriesCount} \xB7 colors ${report.colorCount}`;
+  setStyle(stats, { color: report.ok ? tokens.color.positive : tokens.color.negative });
+  body.appendChild(stats);
+  for (const d of report.diagnostics) {
+    const color = d.severity === "error" ? tokens.color.negative : d.severity === "warning" ? tokens.dark ? "#fbbf24" : "#b45309" : tokens.color.textMuted;
+    body.appendChild(diagnosticRow(d.code, d.message, color, tokens));
+  }
+  return card;
+}
+function buildSpecPanel(spec, tokens) {
+  const { card, body } = makePanel("Spec", tokens);
+  const pre = document.createElement("pre");
+  setStyle(pre, monoStyle(tokens));
+  pre.innerHTML = highlightJson(JSON.stringify(specForDisplay(spec), null, 2), tokens);
+  body.appendChild(pre);
+  return card;
+}
+function buildDataPanel(spec, tokens, rowCap) {
+  const { card, body } = makePanel("Data", tokens);
+  const data = Array.isArray(spec.data) ? spec.data : [];
+  if (data.length === 0) {
+    body.textContent = "\u2014 (no data)";
+    setStyle(body, { color: tokens.color.textMuted });
+    return card;
+  }
+  const columns = Object.keys(data[0] ?? {});
+  const types = new Map(columns.map((c) => [c, inferType(data, c)]));
+  const reads = new Map(columns.map((c) => [c, accessor(c)]));
+  const scroll = createDiv(void 0, { overflow: "auto", maxHeight: "320px" });
+  const table = document.createElement("table");
+  setStyle(table, {
+    borderCollapse: "collapse",
+    width: "100%",
+    fontFamily: "ui-monospace, SFMono-Regular, Menlo, Consolas, monospace",
+    fontSize: `${tokens.font.size.small}px`
+  });
+  const thead = document.createElement("thead");
+  const htr = document.createElement("tr");
+  for (const c of columns) {
+    const th = document.createElement("th");
+    setStyle(th, {
+      textAlign: "left",
+      padding: "3px 8px",
+      borderBottom: `1px solid ${tokens.color.border}`,
+      color: tokens.color.text,
+      whiteSpace: "nowrap",
+      position: "sticky",
+      top: "0",
+      background: tokens.color.surface
+    });
+    const name = document.createElement("div");
+    name.textContent = c;
+    const type = document.createElement("div");
+    type.textContent = types.get(c) ?? "nominal";
+    setStyle(type, { color: tokens.color.textMuted, fontWeight: "400", fontSize: `${tokens.font.size.tiny}px` });
+    th.append(name, type);
+    htr.appendChild(th);
+  }
+  thead.appendChild(htr);
+  table.appendChild(thead);
+  const tbody = document.createElement("tbody");
+  const shown = Math.min(data.length, rowCap);
+  for (let i = 0; i < shown; i++) {
+    const tr = document.createElement("tr");
+    for (const c of columns) {
+      const td = document.createElement("td");
+      setStyle(td, { padding: "3px 8px", borderBottom: `1px solid ${tokens.color.border}`, color: tokens.color.text, whiteSpace: "nowrap" });
+      td.textContent = cellText2(reads.get(c)(data[i]));
+      tr.appendChild(td);
+    }
+    tbody.appendChild(tr);
+  }
+  table.appendChild(tbody);
+  scroll.appendChild(table);
+  body.appendChild(scroll);
+  const footer = createDiv(void 0, { marginTop: `${tokens.spacing.xs}px`, color: tokens.color.textMuted });
+  footer.textContent = `${data.length} row${data.length === 1 ? "" : "s"} \xD7 ${columns.length} column${columns.length === 1 ? "" : "s"}` + (shown < data.length ? ` (showing first ${shown})` : "");
+  body.appendChild(footer);
+  return card;
+}
+function renderDebugView(surface, spec, tokens, size, deps) {
+  const { sections, rowCap } = resolveConfig(spec.debug);
+  const want = (s) => sections.includes(s);
+  const host = createDiv("graphein-debug", {
+    position: "absolute",
+    inset: "0",
+    width: "100%",
+    height: "100%",
+    boxSizing: "border-box",
+    overflow: "auto",
+    padding: `${tokens.spacing.md}px`,
+    background: tokens.color.background,
+    color: tokens.color.text,
+    font: fontString(tokens.font.size.base, tokens.font.family, tokens.font.weight.normal),
+    pointerEvents: "auto"
+  });
+  const header = createDiv(void 0, {
+    display: "flex",
+    alignItems: "center",
+    gap: `${tokens.spacing.sm}px`,
+    marginBottom: `${tokens.spacing.sm}px`
+  });
+  const badge = document.createElement("span");
+  badge.textContent = "DEBUG";
+  setStyle(badge, {
+    background: tokens.color.accent,
+    color: "#ffffff",
+    borderRadius: `${tokens.radius.sm}px`,
+    padding: "2px 6px",
+    font: fontString(tokens.font.size.tiny, tokens.font.family, tokens.font.weight.bold),
+    letterSpacing: "0.06em"
+  });
+  const typeLabel = document.createElement("span");
+  typeLabel.textContent = spec.type;
+  setStyle(typeLabel, { fontWeight: String(tokens.font.weight.bold) });
+  header.append(badge, typeLabel);
+  const title2 = specTitle(spec);
+  if (title2) {
+    const t = document.createElement("span");
+    t.textContent = title2;
+    setStyle(t, { color: tokens.color.textMuted });
+    header.appendChild(t);
+  }
+  host.appendChild(header);
+  const body = createDiv(void 0, { display: "flex", flexWrap: "wrap", gap: `${tokens.spacing.md}px`, alignItems: "flex-start" });
+  const left = createDiv(void 0, { flex: "1 1 320px", minWidth: "0" });
+  const right = createDiv(void 0, { flex: "1 1 320px", minWidth: "0" });
+  body.append(left, right);
+  host.appendChild(body);
+  let preview = null;
+  let previewReport = null;
+  if (want("preview")) {
+    const p = buildPreviewPanel(spec, tokens, deps);
+    left.appendChild(p.card);
+    preview = p.preview;
+    previewReport = p.report;
+  }
+  if (want("summary")) left.appendChild(buildSummaryPanel(spec, tokens));
+  if (want("validation")) left.appendChild(buildValidationPanel(spec, tokens));
+  if (want("report")) left.appendChild(buildReportPanel(previewReport, tokens));
+  if (want("spec")) right.appendChild(buildSpecPanel(spec, tokens));
+  if (want("data")) right.appendChild(buildDataPanel(spec, tokens, rowCap));
+  surface.overlay.appendChild(host);
+  const report = previewReport ?? {
+    type: spec.type,
+    size,
+    markCount: 0,
+    seriesCount: 0,
+    colorCount: 0,
+    ok: true,
+    diagnostics: []
+  };
+  return { preview, report };
+}
+function drawDebugCanvas(surface, spec, tokens, size) {
+  const ctx = surface.marks.ctx;
+  const pad3 = tokens.spacing.md;
+  const lineH = tokens.font.size.small * 1.5;
+  let y = pad3 + tokens.font.size.large;
+  ctx.save();
+  ctx.textBaseline = "alphabetic";
+  ctx.fillStyle = tokens.color.text;
+  ctx.font = fontString(tokens.font.size.large, tokens.font.family, tokens.font.weight.bold);
+  ctx.fillText(`DEBUG \xB7 ${spec.type}`, pad3, y);
+  y += lineH * 1.5;
+  const result = validateSpec(spec);
+  const rowCount = Array.isArray(spec.data) ? spec.data.length : 0;
+  const header = [
+    `rows: ${rowCount}`,
+    `errors: ${result.errors.length}`,
+    `warnings: ${result.warnings.length}`
+  ].join("    ");
+  ctx.fillStyle = result.valid ? tokens.color.textMuted : tokens.color.negative;
+  ctx.font = fontString(tokens.font.size.small, tokens.font.family, tokens.font.weight.normal);
+  ctx.fillText(header, pad3, y);
+  y += lineH * 1.5;
+  ctx.fillStyle = tokens.color.text;
+  ctx.font = fontString(
+    tokens.font.size.small,
+    "ui-monospace, SFMono-Regular, Menlo, Consolas, monospace",
+    tokens.font.weight.normal
+  );
+  const json = JSON.stringify(specForDisplay(spec), null, 2);
+  for (const line2 of json.split("\n")) {
+    if (y > size.height - pad3) {
+      ctx.fillStyle = tokens.color.textMuted;
+      ctx.fillText("\u2026", pad3, y);
+      break;
+    }
+    ctx.fillText(line2, pad3, y);
+    y += lineH;
+  }
+  ctx.restore();
+}
+
 // src/render/fonts.ts
 function fontFaceSet() {
   try {
@@ -17643,6 +18020,7 @@ function render(target, spec, options) {
   let interaction;
   let entrance;
   let updateTransition;
+  let preview;
   let lastValue = null;
   let lastCompare = null;
   let lastSparkline = null;
@@ -17678,6 +18056,8 @@ function render(target, spec, options) {
     entrance = void 0;
     updateTransition?.cancel();
     updateTransition = void 0;
+    preview?.destroy();
+    preview = void 0;
     const tokens = resolveSketchTokens(currentSpec);
     const size = resolveSize(container, currentSpec);
     lastDrawnW = size.width;
@@ -17701,6 +18081,7 @@ function render(target, spec, options) {
     let interactionModel = null;
     let reportModel;
     let facetRpt;
+    let debugReport;
     let legendSelect = null;
     const type = currentSpec.type;
     if (COUNT_UP_TYPES.has(type) || SWEEP_TYPES.has(type)) {
@@ -17708,8 +18089,15 @@ function render(target, spec, options) {
       lastCompare = SWEEP_TYPES.has(type) ? resolveValueRef(effectiveSpec.compare, effectiveSpec.data ?? EMPTY_DATA) : null;
       lastSparkline = type === "kpi" ? kpiSparklineSeries(effectiveSpec, effectiveSpec.data ?? EMPTY_DATA) : null;
     }
-    const facetLayout = isFaceted(effectiveSpec) ? buildFacetModels(effectiveSpec, tokens, size) : null;
-    if (facetLayout) {
+    const facetLayout = !currentSpec.debug && isFaceted(effectiveSpec) ? buildFacetModels(effectiveSpec, tokens, size) : null;
+    if (currentSpec.debug) {
+      const result = renderDebugView(surface, effectiveSpec, tokens, size, {
+        renderPreview: (host, previewSpec) => render(host, previewSpec, { inspect: false })
+      });
+      preview = result.preview ?? void 0;
+      debugReport = result.report;
+      interactionModel = null;
+    } else if (facetLayout) {
       drawFacet(surface, effectiveSpec, facetLayout, tokens);
       facetRpt = facetReport(effectiveSpec, facetLayout, tokens, size);
     } else if (CARTESIAN_TYPES.has(type)) {
@@ -17812,7 +18200,7 @@ function render(target, spec, options) {
     }
     applyA11y(surface, currentSpec);
     inspector?.write(currentSpec);
-    lastReport = facetRpt ?? buildRenderReport({
+    lastReport = debugReport ?? facetRpt ?? buildRenderReport({
       type,
       spec: currentSpec,
       data: filtered,
@@ -17954,6 +18342,7 @@ function render(target, spec, options) {
       hostListeners.clear();
       entrance?.cancel();
       updateTransition?.cancel();
+      preview?.destroy();
       observer?.disconnect();
       inspector?.destroy();
       interaction?.destroy();
@@ -19019,6 +19408,11 @@ function renderToContext(target, spec) {
   const src = spec.data ?? [];
   const data = spec.transform?.length ? applyTransforms(spec.transform, src) : src;
   const effectiveSpec = data === src ? spec : { ...spec, data };
+  if (spec.debug) {
+    drawDebugCanvas(surface, effectiveSpec, tokens, size);
+    const model = CARTESIAN_TYPES.has(type) ? buildCartesianModel(effectiveSpec, tokens, size) : void 0;
+    return buildRenderReport({ type, spec, data, tokens, size, model });
+  }
   if (isFaceted(effectiveSpec)) {
     const layout2 = buildFacetModels(effectiveSpec, tokens, size);
     if (layout2) {
@@ -19061,6 +19455,6 @@ function renderToContext(target, spec) {
 // src/index.ts
 var VERSION = "0.1.0";
 
-export { CARTESIAN_TYPES, CHART_TYPES, CanvasLayer, DEFAULT_ENTRANCE_DURATION, DEFAULT_ROUGH_STYLE, DEFAULT_UPDATE_DURATION, DIM_ALPHA, ExpressionError, FACETABLE_TYPES2 as FACETABLE_TYPES, FUNCTION_NAMES, InteractionController, NO_PADDING, RoughPen, SKETCH_FONT_FAMILY, SKETCH_FONT_NAME, SLICER_TYPES, SPEC_ATTR, SR_ONLY_STYLE, Surface, TICK_SIZE, TIME_UNITS, TRANSFORM_KINDS, TYPE_ATTR, Tooltip, VERSION, aggregateValues, analyzeChart, animate, applyA11y, applyAggregate, applyBin, applyCalculate, applyFilter, applyFold, applyPatch, applyPick, applyTimeUnit, applyTransform, applyTransforms, arc, area, assertValidSpec, autoInsightAnnotations, backOut, bandScale, bounceOut, buildCartesianInteraction, buildCartesianModel, buildComboModel, buildDataTableFallback, buildFacetModels, buildHistogramModel, buildRenderReport, cartesianInteractionBuilders, cartesianRenderers, categorical, categoricalSchemes, chartTitleText, chartTypeLabel, checkExpression, clamp012 as clamp01, clamp255, compileExpression, compilePredicate, computeBackingSize, computeBins, computeFrame, computeSeriesInsights, contrastRatio, createDiv, createInspector, createRoughPen, createSelectionStore, cubicIn, cubicInOut, cubicOut, curveCatmullRom, curveLinear, curveMonotoneX, curveStep, curveStepAfter, curveStepBefore, customRenderers, darkTheme, decimate, defaultSpan, dependentParams, diverging, divergingColorScale, divergingSchemes, drawAnnotationLabels, drawAnnotations, drawAxesUnderlay, drawFacet, drawLegend, drawOverlay, drawTitle, drawTrendlineLabels, drawTrendlines, easings, elasticOut, ellipsize, ensureSketchFont, expoInOut, expoOut, facetReport, fillParentStyle, filterRows, fontString, formatCountUp, formatDate, formatNumber2 as formatNumber, formatValue, getDevicePixelRatio, groupBy, hashString, inferFieldType, inferFieldTypes, inferValueType, inheritInto, interpolateArray, interpolateNumber, interpolateNumberArray, interpolateObject, interpolateOklab, interpolateRgb, isBrowser, isEmptyValue, isFaceted, isParamClause, isSlicerType, keyFields, legendSwatchWidth, lightTheme, line, linear, linearRegression, linearScale, linearToSrgb, lintSpec, literalToValue, logScale, lttbRun, makeMatcher, matchesValue, measureText, monotoneXTangents, mulberry32, niceDomain, oklabToOklch, oklabToRgb, oklchToOklab, ordinalColorScale, overlayTextToCanvasCmd, paintCanvasText, paintLegendSwatch, parseColor, parseNumberFormat, pivot, placeViews, pointScale, polygonHachureLines, prefersReducedMotion, prettyDate, profileColumns, quadIn, quadInOut, quadOut, rampFromStops, readableTextColor, recommendChart, relativeLuminance, render, renderDashboard, renderToContext, repairReport, repairSpec, resolveCurve, resolveDashboardLayout, resolveDashboardSections, resolveEmphasis, resolveEntrance, resolveFilterValues, resolveInsightOptions, resolveSketch, resolveTheme, resolveUpdate, resolveValueRef, rgbToOklab, rgbaToCss, rotatePoint, roundedRect, sampleArc, sequential, sequentialColorScale, sequentialSchemes, serializeSpec, setMeasureContext, setStyle, sinInOut, slicerParamName, smartDate, specFields, srgbToLinear, stripData, summarize, summarizeChart, themes, tickIncrement, tickStep, ticks, timeScale, timeTickFormat, timeTicks, toHex, toPointer, tooltipEnabled, truncateTo, validateDashboard, validateSpec, wireViews, withAlpha, withSketchFont };
+export { CARTESIAN_TYPES, CHART_TYPES, CanvasLayer, DEFAULT_ENTRANCE_DURATION, DEFAULT_ROUGH_STYLE, DEFAULT_UPDATE_DURATION, DIM_ALPHA, ExpressionError, FACETABLE_TYPES2 as FACETABLE_TYPES, FUNCTION_NAMES, InteractionController, NO_PADDING, RoughPen, SKETCH_FONT_FAMILY, SKETCH_FONT_NAME, SLICER_TYPES, SPEC_ATTR, SR_ONLY_STYLE, Surface, TICK_SIZE, TIME_UNITS, TRANSFORM_KINDS, TYPE_ATTR, Tooltip, VERSION, aggregateValues, analyzeChart, animate, applyA11y, applyAggregate, applyBin, applyCalculate, applyFilter, applyFold, applyPatch, applyPick, applyTimeUnit, applyTransform, applyTransforms, arc, area, assertValidSpec, autoInsightAnnotations, backOut, bandScale, bounceOut, buildCartesianInteraction, buildCartesianModel, buildComboModel, buildDataTableFallback, buildFacetModels, buildHistogramModel, buildRenderReport, cartesianInteractionBuilders, cartesianRenderers, categorical, categoricalSchemes, chartTitleText, chartTypeLabel, checkExpression, clamp012 as clamp01, clamp255, compileExpression, compilePredicate, computeBackingSize, computeBins, computeFrame, computeSeriesInsights, contrastRatio, createDiv, createInspector, createRoughPen, createSelectionStore, cubicIn, cubicInOut, cubicOut, curveCatmullRom, curveLinear, curveMonotoneX, curveStep, curveStepAfter, curveStepBefore, customRenderers, darkTheme, decimate, defaultSpan, dependentParams, diverging, divergingColorScale, divergingSchemes, drawAnnotationLabels, drawAnnotations, drawAxesUnderlay, drawDebugCanvas, drawFacet, drawLegend, drawOverlay, drawTitle, drawTrendlineLabels, drawTrendlines, easings, elasticOut, ellipsize, ensureSketchFont, expoInOut, expoOut, facetReport, fillParentStyle, filterRows, fontString, formatCountUp, formatDate, formatNumber2 as formatNumber, formatValue, getDevicePixelRatio, groupBy, hashString, inferFieldType, inferFieldTypes, inferValueType, inheritInto, interpolateArray, interpolateNumber, interpolateNumberArray, interpolateObject, interpolateOklab, interpolateRgb, isBrowser, isEmptyValue, isFaceted, isParamClause, isSlicerType, keyFields, legendSwatchWidth, lightTheme, line, linear, linearRegression, linearScale, linearToSrgb, lintSpec, literalToValue, logScale, lttbRun, makeMatcher, matchesValue, measureText, monotoneXTangents, mulberry32, niceDomain, oklabToOklch, oklabToRgb, oklchToOklab, ordinalColorScale, overlayTextToCanvasCmd, paintCanvasText, paintLegendSwatch, parseColor, parseNumberFormat, pivot, placeViews, pointScale, polygonHachureLines, prefersReducedMotion, prettyDate, profileColumns, quadIn, quadInOut, quadOut, rampFromStops, readableTextColor, recommendChart, relativeLuminance, render, renderDashboard, renderDebugView, renderToContext, repairReport, repairSpec, resolveCurve, resolveDashboardLayout, resolveDashboardSections, resolveEmphasis, resolveEntrance, resolveFilterValues, resolveInsightOptions, resolveSketch, resolveTheme, resolveUpdate, resolveValueRef, rgbToOklab, rgbaToCss, rotatePoint, roundedRect, sampleArc, sequential, sequentialColorScale, sequentialSchemes, serializeSpec, setMeasureContext, setStyle, sinInOut, slicerParamName, smartDate, specFields, srgbToLinear, stripData, summarize, summarizeChart, themes, tickIncrement, tickStep, ticks, timeScale, timeTickFormat, timeTicks, toHex, toPointer, tooltipEnabled, truncateTo, validateDashboard, validateSpec, wireViews, withAlpha, withSketchFont };
 //# sourceMappingURL=index.js.map
 //# sourceMappingURL=index.js.map