@tanstack/charts/dist/index.d.ts

A chart grammar for TypeScript and JavaScript. Marks consume your data directly, channels describe visual encodings, and the engine compiles them into a renderer-neutral keyed scene. TanStack's compact scales cover common numeric and categorical mappings.

export { areaY } from './area.js';
export type { AreaYOptions } from './area.js';
export { arrow } from './arrow.js';
export type { ArrowOptions } from './arrow.js';
export { createChartAdapter, resolveChartAdapterLayout } from './adapter.js';
export { createChartRendererAdapter } from './adapter-renderer.js';
export type { ChartAdapter, ChartAdapterLayout, ChartAdapterLayoutOptions, } from './adapter.js';
export { barX, barY } from './bar.js';
export type { BarXOptions, BarYOptions } from './bar.js';
export { bandX, bandY } from './band.js';
export type { BandXOptions, BandYOptions } from './band.js';
export { boxRows, boxX, boxY } from './box.js';
export type { BoxDatum, BoxOutlierDatum, BoxRowsOptions, BoxSummaryDatum, BoxXDatum, BoxXOptions, BoxYDatum, BoxYOptions, } from './box.js';
export { crosshair } from './crosshair.js';
export type { CrosshairAxisOptions, CrosshairBandOptions, CrosshairLabelOptions, CrosshairMarkerOptions, CrosshairOptions, CrosshairRuleOptions, } from './crosshair.js';
export { d3Curve } from './d3-shape.js';
export { differenceX, differenceY } from './difference.js';
export type { DifferenceAreaDatum, DifferenceDatum, DifferenceIndependent, DifferenceSign, DifferenceXOptions, DifferenceYOptions, } from './difference.js';
export { createDotLayout, dodgeX, dodgeY } from './dodge.js';
export type { CreateDotLayoutOptions, DotLayout, DotLayoutResolveContext, DodgeOptions, DodgeXAnchor, DodgeXLayout, DodgeXOptions, DodgeYAnchor, DodgeYLayout, DodgeYOptions, } from './dodge.js';
export { dot } from './dot.js';
export type { DotOptions } from './dot.js';
export { facet, facetChart } from './facet.js';
export type { FacetAxes, FacetChartContext, FacetOptions } from './facet.js';
export { frame } from './frame.js';
export type { FrameOptions } from './frame.js';
export { whenFocused } from './focus-mark.js';
export { focusedSceneNodes, resolveFocusScene } from './focus-layer.js';
export type { ResolvedFocusScene } from './focus-layer.js';
export { resolveFocusPresentation } from './focus-presentation.js';
export { group } from './group.js';
export type { GroupLayout, GroupOptions } from './group.js';
export { hexagon } from './hexagon.js';
export type { HexagonOptions } from './hexagon.js';
export { mountChart } from './dom.js';
export { lineX, lineY } from './line.js';
export type { LineXOptions, LineYOptions } from './line.js';
export { linearRegressionRowsX, linearRegressionRowsY, linearRegressionX, linearRegressionY, } from './regression.js';
export type { LinearRegressionRowsXOptions, LinearRegressionRowsYOptions, LinearRegressionXDatum, LinearRegressionXOptions, LinearRegressionYDatum, LinearRegressionYOptions, } from './regression.js';
export { ridgelineX, ridgelineY } from './ridgeline.js';
export type { RidgelineCurve, RidgelinePosition, RidgelineStateStyle, RidgelineXOptions, RidgelineYOptions, } from './ridgeline.js';
export { link } from './link.js';
export type { LinkOptions } from './link.js';
export { colorGradientLegend, colorLegend } from './legend-static.js';
export type { ColorGradientLegendOptions, ColorLegendOptions, } from './legend-static.js';
export { createMark } from './mark.js';
export { compositeMark } from './mark-composite.js';
export type { CompositeMarkOptions } from './mark-composite.js';
export { cell, rect } from './rect.js';
export type { CellOptions, RectOptions } from './rect.js';
export { createChartRuntime, isResponsiveChartDefinition } from './runtime.js';
export { createChartScene, defaultChartTheme, defineChart, findNearestPoint, viewportInteractionPoints, } from './scene.js';
export { renderChartSvg } from './svg.js';
export { stack } from './stack.js';
export type { StackAnchor, StackLayout, StackOffset, StackOptions, StackOrder, } from './stack.js';
export type { TransformAccessor, TransformAccessorContext, TransformField, TransformGroupRow, TransformGroupSpec, TransformKey, TransformLineage, TransformOrder, TransformOrderOptions, TransformValue, TransformValueOutput, } from './transform.js';
export { groupBy } from './transform-group.js';
export type { GroupByDatum, GroupByOptions } from './transform-group.js';
export { mosaicX, mosaicY } from './transform-mosaic.js';
export type { MosaicOptions, MosaicXDatum, MosaicYDatum, } from './transform-mosaic.js';
export { binX, binY } from './transform-bin.js';
export type { BinOptions, BinXDatum, BinYDatum } from './transform-bin.js';
export { binXY } from './transform-bin-xy.js';
export type { BinXYDatum, BinXYOptions } from './transform-bin-xy.js';
export { binTimeX, binTimeY } from './transform-bin-time.js';
export type { BinTimeDatum, BinTimeOptions, TimeIntervalLike, } from './transform-bin-time.js';
export { rollingWindow } from './transform-rolling-window.js';
export type { RollingWindowAnchor, RollingWindowDatum, RollingWindowOptions, } from './transform-rolling-window.js';
export { normalize } from './transform-normalize.js';
export type { NormalizeBasis, NormalizeContext, NormalizeDatum, NormalizeOptions, } from './transform-normalize.js';
export { cumulative } from './transform-cumulative.js';
export type { CumulativeDatum, CumulativeOptions } from './transform-cumulative.js';
export { fold } from './transform-fold.js';
export type { FoldDatum, FoldField, FoldOptions, FoldOutputNames, } from './transform-fold.js';
export { rank } from './transform-rank.js';
export type { RankDatum, RankOptions, RankTies } from './transform-rank.js';
export { select } from './transform-select.js';
export type { SelectContext, SelectMethod, SelectOptions, } from './transform-select.js';
export { stackRowsX, stackRowsY } from './transform-stack.js';
export type { StackRowsXDatum, StackRowsXOptions, StackRowsYDatum, StackRowsYOptions, } from './transform-stack.js';
export { waterfall } from './transform-waterfall.js';
export type { WaterfallDatum, WaterfallKind, WaterfallOptions, WaterfallStepDatum, WaterfallTotalDatum, } from './transform-waterfall.js';
export type { TransformNumericReducer, TransformOutputRow, TransformOutputSpec, TransformOutputs, TransformReduceContext, TransformReducer, } from './transform-reduce.js';
export { deviation, delta, first, last, median, quantile, ratio, variance, } from './transform-reduce.js';
export { ruleX, ruleY } from './rule.js';
export type { RuleXOptions, RuleYOptions } from './rule.js';
export { text } from './text.js';
export type { TextAnchor, TextOptions } from './text.js';
export { tickX, tickY } from './tick.js';
export type { TickXOptions, TickYOptions } from './tick.js';
export { vector } from './vector.js';
export type { VectorAnchor, VectorOptions } from './vector.js';
export { violinX, violinY } from './violin.js';
export type { ViolinPosition, ViolinXCurve, ViolinXOptions, ViolinYCurve, ViolinYOptions, } from './violin.js';
export { waffleX, waffleY } from './waffle.js';
export type { WaffleOptions, WaffleXOptions, WaffleYOptions } from './waffle.js';
export type { ChartHost, ChartHostCommonOptions, ChartHostOptions, ChartInteractionController, ChartControlledFocusOptions, ChartPointerResolution, ChartRenderContext, ChartRenderer, ChartRendererHost, ChartRendererHostCommonOptions, ChartRendererHostOptions, ChartRendererRenderContext, ChartSurface, ChartSurfaceRenderOptions, ChartTooltipBodyTarget, ChartTooltipExtension, ChartTooltipExtensionContext, ChartTooltipExtensionInstance, ChartTooltipPaintContext, ChartTooltipPortalExtension, ChartTooltipPortalExtensionContext, ChartTooltipPortalExtensionInstance, ChartTooltipPortalPositionContext, } from './dom-types.js';
export type { Channel, ChannelAccessor, ChannelAccessorContext, ChannelField, ChannelOutput, ResponsiveChartDefinition, InitializedMark, MarkInitialization, MarkInitializeContext, MarkRenderContext, MarkResolvedLayoutContext, MarkScene, MarkFocusGuide, MaterializedChannel, ResolvedLayoutMarkInitialization, ResolvedMarkLayout, ChartAxisOptions, ChartAxisLabelOptions, ChartAxisPresentationOptions, ChartAxisTickLabelContext, ChartAxisTickLabelOptions, ChartAxisTickLabelThinOptions, ChartAxisTickLabelValue, ChartAxisTickOptions, ChartAxisViewportOptions, ChartAxisValue, ChartAnimationOptions, ChartControl, ChartControlContext, ChartControlScene, ChartBounds, ChartBuildContext, ChartColorOptions, ChartColorScaleFactory, ConfiguredColorScaleLike, ChartColorScale, ChartColorScaleContext, ResolvedColorScaleKind, InferableColorScaleLike, ChartCursorAxisContext, ChartCursorAxisOptions, ChartCursorAxisPresentation, ChartCursorBinding, ChartCursorController, ChartCursorCoordinates, ChartCursorExtensionToken, ChartCursorPointIdentity, ChartCursorPresentation, ChartCursorState, ChartCursorStateUpdater, ChartCursorValues, ChartColorLegend, ChartColorLegendContext, ChartContinuousDomain, ChartContinuousValue, ChartCurve, ChartDefinition, ChartDefinitionForTooltipHost, ChartDefinitionOptions, DomChartDefinition, ChartExtensionInput, ChartFocusAnchor, ChartFocusCursorBinding, ChartFocusPresentation, ChartFocusMode, ChartFocusFilter, ChartFocusAffinity, ChartFocusGroupContext, ChartFocusMatch, ChartFocusPreset, ChartFocusResolveContext, ChartFocusSource, ChartFocusState, ChartFocusStrategy, ChartFreeCursorBinding, ChartGradientStop, ChartKey, ChartLayoutOptions, ChartMargin, ChartNumericScale, ChartNumericScaleOptions, ChartLinearGradient, ChartMark, ChartMarkMotionOptions, ChartMarkDatum, ChartMarkState, ChartMarkStateContext, ChartMarkStateSelector, ChartMarkStateStyle, ChartMarkStateTransition, ChartMarkStateValue, ChartAreaStateStyle, ChartBarStateStyle, ChartDotStateStyle, ChartLineStateStyle, ChartRectStateStyle, ChartTextStateStyle, ChartMarkX, ChartMarkY, ChartMotionContext, ChartMotionDefinition, ChartMotionPhase, ChartMotionPath, ChartRollingPathMotion, ChartMotionRole, ChartMotionSpringTransition, ChartMotionTiming, ChartMotionTransition, ChartMotionTweenTransition, ChartPoint, ChartRuntime, ChartRuntimeOptions, ChartScene, ChartScale, ChartScaleFactory, ChartScaleInput, ChartScaleResolveContext, ChartScaleResolver, ConfiguredScaleLike, InferableScaleLike, OptionChannelOutput, ChartSize, ChartSpatialIndex, ChartSpatialIndexFactory, ChartSpatialIndexFactoryContext, ChartSpecDatum, ChartSpecXValue, ChartSpecYValue, ChartSpec, ChartSvgRenderer, ChartTheme, ChartTextMeasurer, ChartTextMeasureOptions, ChartTextMetrics, ChartTextTypography, ChartTick, ChartTooltipBodyContext, ChartTooltipContent, ChartTooltipContentContext, ChartTooltipAnchor, ChartTooltipAxisAnchor, ChartTooltipAnchorContext, ChartTooltipChannelItem, ChartTooltipDatumItem, ChartTooltipDerivedItem, ChartTooltipExtensionToken, ChartTooltipInput, ChartTooltipItem, ChartTooltipItemBase, ChartTooltipOptions, ChartTooltipPlacement, ChartTooltipPortalInput, ChartTooltipPortalExtensionToken, ChartTooltipPortalOptions, ChartTooltipPosition, ChartTooltipXAnchor, ChartTooltipYAnchor, ChartTooltipRow, ChartTooltipSort, ChartValue, ResponsiveChartConfig, VisualChannel, WidenChartValue, RenderChartSvgOptions, RenderChartOptions, ResolvedScale, ResolvedScaleViewport, ResolvedColorScale, SceneDot, SceneArea, SceneFocusGuide, SceneFocusGuideAxis, SceneFocusGuideBand, SceneFocusGuideLabel, SceneFocusGuideMarker, SceneFocusGuideResolveContext, SceneFocusGuideResolver, SceneInteraction, SceneGroup, SceneLabel, SceneNode, ScenePolygon, ScenePolygonRing, ScenePolyline, SceneRect, SceneRule, SceneStyle, StaticChartDefinition, } from './universal-types.js';
export { areaX } from './area-x.js';
export type { AreaXCurve, AreaXOptions } from './area-x.js';
export { d3AreaXCurve } from './d3-area-x.js';