@tanstack/charts
Version:
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.
8 lines (7 loc) • 900 B
TypeScript
import type { ChartMark, ChartMarkRenderer, ChartMotionDefinition, ChartValue, MarkInitialization, MarkInitializeContext } from './types.js';
export type { ChartMarkPointX, ChartMarkPointY, ChartMarkScaleX, ChartMarkScaleY, } from './types.js';
/**
* Creates a custom mark whose materialized positional scale values differ
* from its emitted interaction-point values.
*/
export declare function createMarkWithScaleValues<TDatum, TXPointValue extends ChartValue, TYPointValue extends ChartValue, TXScaleValue extends ChartValue, TYScaleValue extends ChartValue, TXScaleId extends string = 'x', TYScaleId extends string = 'y'>(initialize: (context: MarkInitializeContext) => MarkInitialization<TDatum, TXPointValue, TYPointValue>, motion?: ChartMotionDefinition<TDatum>, renderer?: ChartMarkRenderer): ChartMark<TDatum, TXPointValue, TYPointValue, TXScaleValue, TYScaleValue, TXScaleId, TYScaleId>;