Member Junction
    Preparing search index...

    Interface MJChartKit

    Deterministic, seekable SVG chart kit exposed in Node via CreateMJChartKit() and in browser compositions at window.MJChartKit (§10.3).

    interface MJChartKit {
        Area: (props: AreaChartProps, timeSeconds: number) => string;
        Bar: (props: BarChartProps, timeSeconds: number) => string;
        DeltaBadge: (props: DeltaBadgeProps, timeSeconds: number) => string;
        Donut: (props: DonutChartProps, timeSeconds: number) => string;
        FormatTableCell: (
            column: VideoTableColumn,
            value: string | number,
            fallbackFormat?: VideoDataFormat,
        ) => string;
        FormatValue: (value: string | number, format?: VideoDataFormat) => string;
        KpiTile: (props: KpiTileProps, timeSeconds: number) => string;
        Line: (props: LineChartProps, timeSeconds: number) => string;
        RankedList: (props: RankedListProps, timeSeconds: number) => string;
        Sparkline: (props: SparklineProps, timeSeconds: number) => string;
        TableReveal: (props: TableRevealProps, timeSeconds: number) => string;
    }
    Index

    Properties

    Area Bar DeltaBadge Donut FormatTableCell FormatValue KpiTile Line RankedList Sparkline TableReveal

    Properties

    Area: (props: AreaChartProps, timeSeconds: number) => string

    Renders a progressive filled area chart with top stroke and direct value labels as SVG markup.

    Bar: (props: BarChartProps, timeSeconds: number) => string

    Renders a staggered vertical bar chart with direct value labels as SVG markup.

    DeltaBadge: (props: DeltaBadgeProps, timeSeconds: number) => string

    Renders an animated directional delta pill with SVG arrow shape and signed value as SVG markup.

    Donut: (props: DonutChartProps, timeSeconds: number) => string

    Renders a staggered donut chart with direct slice labels and values as SVG markup.

    FormatTableCell: (
        column: VideoTableColumn,
        value: string | number,
        fallbackFormat?: VideoDataFormat,
    ) => string

    Formats a single table cell using the column's Format (or optional fallback Format) via FormatValue.

    FormatValue: (value: string | number, format?: VideoDataFormat) => string

    Formats a bound numeric or date value deterministically without Intl.

    KpiTile: (props: KpiTileProps, timeSeconds: number) => string

    Renders an animated KPI hero tile with count-up value and label as SVG markup.

    Line: (props: LineChartProps, timeSeconds: number) => string

    Renders a progressive line chart with markers and direct value labels as SVG markup.

    RankedList: (props: RankedListProps, timeSeconds: number) => string

    Renders a staggered horizontal ranked list with #N rank badges and values as SVG markup.

    Sparkline: (props: SparklineProps, timeSeconds: number) => string

    Renders a compact progressive sparkline with terminal marker and direct value label as SVG markup.

    TableReveal: (props: TableRevealProps, timeSeconds: number) => string

    Renders a staggered row-by-row table reveal as SVG markup.

    Settings

    Member Visibility

    On This Page

    Properties