semiotic 2.0.3 → 3.0.0-beta.1

package/ai/system-prompt.md

@@ -0,0 +1,38 @@
+# Semiotic — React Data Visualization
+
+Use `import { ComponentName } from "semiotic/ai"` for all components below.
+
+## Flat Array Data (`data: object[]`)
+- **LineChart** — `xAccessor`, `yAccessor`, `lineBy` (multi-line), `curve`
+- **AreaChart** — `xAccessor`, `yAccessor`, `areaBy`, `areaOpacity`
+- **StackedAreaChart** — `xAccessor`, `yAccessor`, `areaBy` (required), `normalize`
+- **Scatterplot** — `xAccessor`, `yAccessor`, `colorBy`, `sizeBy`
+- **BubbleChart** — `xAccessor`, `yAccessor`, **`sizeBy`** (required), `sizeRange`
+- **Heatmap** — `xAccessor`, `yAccessor`, `valueAccessor`, `colorScheme` ("blues"|"reds"|"greens"|"viridis")
+- **BarChart** — `categoryAccessor`, `valueAccessor`, `orientation`, `sort`
+- **StackedBarChart** — `categoryAccessor`, `valueAccessor`, **`stackBy`** (required), `normalize`
+- **GroupedBarChart** — `categoryAccessor`, `valueAccessor`, **`groupBy`** (required)
+- **SwarmPlot** — `categoryAccessor`, `valueAccessor`, `pointRadius`
+- **BoxPlot** — `categoryAccessor`, `valueAccessor`, `showOutliers`
+- **DotPlot** — `categoryAccessor`, `valueAccessor`, `sort`, `dotRadius`
+- **PieChart** — `categoryAccessor`, `valueAccessor`
+- **DonutChart** — `categoryAccessor`, `valueAccessor`, `innerRadius`, `centerContent`
+
+## Hierarchical Data (`data: { children: [...] }`)
+- **TreeDiagram** — `childrenAccessor`, `nodeIdAccessor`, `layout` ("tree"|"cluster"|"partition"), `orientation`
+- **Treemap** — `childrenAccessor`, `valueAccessor`, `nodeIdAccessor`, `colorByDepth`
+- **CirclePack** — `childrenAccessor`, `valueAccessor`, `nodeIdAccessor`, `colorByDepth`
+
+## Network Data (`nodes: object[]`, `edges: object[]`)
+- **ForceDirectedGraph** — **`nodes`**, **`edges`** (both required), `nodeIDAccessor`, `sourceAccessor`, `targetAccessor`
+- **SankeyDiagram** — **`edges`** (required), `sourceAccessor`, `targetAccessor`, `valueAccessor`
+- **ChordDiagram** — **`edges`** (required), `sourceAccessor`, `targetAccessor`, `valueAccessor`
+
+## Realtime (ref-based push API, canvas)
+- **RealtimeLineChart** — `ref.current.push(datum)`, `timeAccessor`, `valueAccessor`, `windowSize`
+- **RealtimeBarChart** — **`binSize`** (required), `timeAccessor`, `valueAccessor`
+- **RealtimeSwarmChart** — `timeAccessor`, `valueAccessor`, `categoryAccessor`
+- **RealtimeWaterfallChart** — `timeAccessor`, `valueAccessor`, `positiveColor`, `negativeColor`
+
+## Common Props (all components)
+`width`, `height`, `margin`, `title`, `colorBy`, `colorScheme`, `enableHover`, `tooltip`, `showLegend`, `className`, `frameProps`

package/dist/AnnotationLayer/AnnotationLayer.d.ts

@@ -2,7 +2,6 @@ import * as React from "react";
 import { AnnotationHandling, AnnotationTypes, AnnotationType } from "./../types/annotationTypes";
 import { LegendProps } from "./../types/legendTypes";
 export interface AnnotationLayerProps {
-    useSpans: boolean;
     legendSettings?: LegendProps;
     margin: {
         top?: number;

package/dist/Axis/axisTitle.d.ts

@@ -1,10 +1,10 @@
-/// <reference types="react" />
+import React from 'react';
 export interface AxisTitleProps {
     className: string;
     translation: Array<number>;
     position: Array<number>;
     rotation: number | string;
     labelName: any;
-    anchorMod: string;
+    anchorMod: "inherit" | "middle" | "end" | "start";
 }
-export default function AxisTitle(props: AxisTitleProps): JSX.Element;
+export default function AxisTitle(props: AxisTitleProps): React.JSX.Element;

package/dist/Axis/summaryGraphic.d.ts

@@ -14,4 +14,4 @@ export interface SummaryGraphicProps {
     renderedSummary: any;
     points?: React.ReactNode;
 }
-export default function SummaryGraphic(props: SummaryGraphicProps): JSX.Element;
+export default function SummaryGraphic(props: SummaryGraphicProps): React.JSX.Element;

package/dist/FacetController.d.ts

@@ -7,6 +7,6 @@ interface FacetControllerProps {
     sharedXExtent: boolean;
     sharedYExtent: boolean;
 }
-declare type Props = FacetControllerProps & OrdinalFrameProps & XYFrameProps;
+type Props = FacetControllerProps & OrdinalFrameProps & XYFrameProps;
 export default function FacetController(props: Props): React.JSX.Element;
 export {};

package/dist/MinimapXYFrame.d.ts

@@ -1,10 +1,10 @@
 import * as React from "react";
 import { XYFrameProps } from "./types/xyTypes";
-interface MinimapXYFrameProps extends XYFrameProps {
+interface MinimapXYFrameProps<TDatum = Record<string, any>> extends XYFrameProps<TDatum> {
     renderBefore?: boolean;
     minimap: {
         summaries: object[];
     };
 }
-export default function MinimapXYFrame(props: MinimapXYFrameProps): React.JSX.Element;
+export default function MinimapXYFrame<TDatum = Record<string, any>>(props: MinimapXYFrameProps<TDatum>): React.JSX.Element;
 export {};

package/dist/NetworkFrame.d.ts

@@ -1,4 +1,8 @@
 import * as React from "react";
 import { NetworkFrameProps } from "./types/networkTypes";
-declare const NetworkFrame: React.NamedExoticComponent<NetworkFrameProps>;
+export declare function NetworkFrameInner<TNode = Record<string, any>, TEdge = Record<string, any>>(allProps: NetworkFrameProps<TNode, TEdge>): React.JSX.Element;
+export declare namespace NetworkFrameInner {
+    var displayName: string;
+}
+declare const NetworkFrame: typeof NetworkFrameInner;
 export default NetworkFrame;

package/dist/OrdinalFrame.d.ts

@@ -1,4 +1,8 @@
 import * as React from "react";
 import { OrdinalFrameProps } from "./types/ordinalTypes";
-declare const OrdinalFrame: React.NamedExoticComponent<OrdinalFrameProps>;
+export declare function OrdinalFrameInner<TDatum = Record<string, any>>(allProps: OrdinalFrameProps<TDatum>): React.JSX.Element;
+export declare namespace OrdinalFrameInner {
+    var displayName: string;
+}
+declare const OrdinalFrame: typeof OrdinalFrameInner;
 export default OrdinalFrame;

package/dist/ResponsiveFrame.d.ts

@@ -13,10 +13,10 @@ export interface ResponsiveFrameState {
     containerHeight?: number;
     containerWidth?: number;
 }
-declare type ActualFrameProps = OrdinalFrameProps | XYFrameProps | NetworkFrameProps;
+type ActualFrameProps = OrdinalFrameProps | XYFrameProps | NetworkFrameProps;
 declare const createResponsiveFrame: (ParticularFrame: any) => {
     (props: ResponsiveFrameProps & ActualFrameProps): React.JSX.Element;
-    isResizing: number;
+    isResizing: NodeJS.Timeout;
     displayName: string;
 };
 export default createResponsiveFrame;

package/dist/ResponsiveMinimapXYFrame.d.ts

@@ -1,6 +1,3 @@
-/// <reference types="react" />
-export declare const ResponsiveMinimapXYFrame: {
-    (props: import("./ResponsiveFrame").ResponsiveFrameProps & (import("./semiotic").OrdinalFrameProps | import("./semiotic").XYFrameProps | import("./semiotic").NetworkFrameProps)): import("react").JSX.Element;
-    isResizing: number;
-    displayName: string;
-};
+import { ResponsiveFrameProps } from "./ResponsiveFrame";
+import { XYFrameProps } from "./types/xyTypes";
+export declare const ResponsiveMinimapXYFrame: <TDatum = Record<string, any>>(props: ResponsiveFrameProps & XYFrameProps<TDatum>) => JSX.Element;

package/dist/ResponsiveNetworkFrame.d.ts

@@ -1,6 +1,3 @@
-/// <reference types="react" />
-export declare const ResponsiveNetworkFrame: {
-    (props: import("./ResponsiveFrame").ResponsiveFrameProps & (import("./semiotic").OrdinalFrameProps | import("./semiotic").XYFrameProps | import("./semiotic").NetworkFrameProps)): import("react").JSX.Element;
-    isResizing: number;
-    displayName: string;
-};
+import { ResponsiveFrameProps } from "./ResponsiveFrame";
+import { NetworkFrameProps } from "./types/networkTypes";
+export declare const ResponsiveNetworkFrame: <TNode = Record<string, any>, TEdge = Record<string, any>>(props: ResponsiveFrameProps & NetworkFrameProps<TNode, TEdge>) => JSX.Element;

package/dist/ResponsiveOrdinalFrame.d.ts

@@ -1,6 +1,3 @@
-/// <reference types="react" />
-export declare const ResponsiveOrdinalFrame: {
-    (props: import("./ResponsiveFrame").ResponsiveFrameProps & (import("./semiotic").OrdinalFrameProps | import("./semiotic").XYFrameProps | import("./semiotic").NetworkFrameProps)): import("react").JSX.Element;
-    isResizing: number;
-    displayName: string;
-};
+import { ResponsiveFrameProps } from "./ResponsiveFrame";
+import { OrdinalFrameProps } from "./types/ordinalTypes";
+export declare const ResponsiveOrdinalFrame: <TDatum = Record<string, any>>(props: ResponsiveFrameProps & OrdinalFrameProps<TDatum>) => JSX.Element;

package/dist/ResponsiveXYFrame.d.ts

@@ -1,6 +1,3 @@
-/// <reference types="react" />
-export declare const ResponsiveXYFrame: {
-    (props: import("./ResponsiveFrame").ResponsiveFrameProps & (import("./semiotic").OrdinalFrameProps | import("./semiotic").XYFrameProps | import("./semiotic").NetworkFrameProps)): import("react").JSX.Element;
-    isResizing: number;
-    displayName: string;
-};
+import { ResponsiveFrameProps } from "./ResponsiveFrame";
+import { XYFrameProps } from "./types/xyTypes";
+export declare const ResponsiveXYFrame: <TDatum = Record<string, any>>(props: ResponsiveFrameProps & XYFrameProps<TDatum>) => JSX.Element;

package/dist/SparkFrame.d.ts

@@ -1,5 +1,5 @@
 import * as React from "react";
-declare type SparkFrameProps = {
+type SparkFrameProps = {
     sparkStyle?: object;
     size?: number | number[];
 };

package/dist/SparkNetworkFrame.d.ts

@@ -1,5 +1,5 @@
-/// <reference types="react" />
-export declare const SparkNetworkFrame: (props: {
+import { NetworkFrameProps } from "./types/networkTypes";
+export declare const SparkNetworkFrame: <TNode = Record<string, any>, TEdge = Record<string, any>>(props: NetworkFrameProps<TNode, TEdge> & {
     sparkStyle?: object;
     size?: number | number[];
-}) => import("react").JSX.Element;
+}) => JSX.Element;

package/dist/SparkOrdinalFrame.d.ts

@@ -1,5 +1,5 @@
-/// <reference types="react" />
-export declare const SparkOrdinalFrame: (props: {
+import { OrdinalFrameProps } from "./types/ordinalTypes";
+export declare const SparkOrdinalFrame: <TDatum = Record<string, any>>(props: OrdinalFrameProps<TDatum> & {
     sparkStyle?: object;
     size?: number | number[];
-}) => import("react").JSX.Element;
+}) => JSX.Element;

package/dist/SparkXYFrame.d.ts

@@ -1,5 +1,5 @@
-/// <reference types="react" />
-export declare const SparkXYFrame: (props: {
+import { XYFrameProps } from "./types/xyTypes";
+export declare const SparkXYFrame: <TDatum = Record<string, any>>(props: XYFrameProps<TDatum> & {
     sparkStyle?: object;
     size?: number | number[];
-}) => import("react").JSX.Element;
+}) => JSX.Element;

package/dist/Tooltip/Tooltip.d.ts

@@ -0,0 +1,141 @@
+import * as React from "react";
+import type { Accessor } from "../charts/shared/types";
+/**
+ * Configuration for a single tooltip field
+ */
+export interface TooltipField {
+    /**
+     * Label for this field
+     */
+    label?: string;
+    /**
+     * Field name or accessor function to get the value
+     * (alias for 'accessor')
+     */
+    key?: Accessor;
+    /**
+     * Field name or accessor function to get the value
+     */
+    accessor?: Accessor;
+    /**
+     * Optional format function for the value
+     */
+    format?: (value: unknown) => string;
+}
+/**
+ * Base tooltip configuration
+ */
+export interface TooltipConfig {
+    /**
+     * Array of fields to display in the tooltip
+     * Can be simple field names or full TooltipField objects
+     */
+    fields?: Array<string | TooltipField>;
+    /**
+     * Custom title accessor (field name or function)
+     */
+    title?: Accessor<string>;
+    /**
+     * Custom format function for all values (if fields don't specify their own)
+     */
+    format?: (value: unknown) => string;
+    /**
+     * Custom style object for the tooltip container
+     */
+    style?: React.CSSProperties;
+    /**
+     * Custom className for the tooltip container
+     */
+    className?: string;
+}
+/**
+ * Multi-line tooltip configuration
+ */
+export interface MultiLineTooltipConfig extends TooltipConfig {
+    /**
+     * Show field labels (default: true)
+     */
+    showLabels?: boolean;
+    /**
+     * Separator between label and value (default: ": ")
+     */
+    separator?: string;
+}
+/**
+ * Default tooltip styles following best practices
+ */
+export declare const defaultTooltipStyle: React.CSSProperties;
+/**
+ * Create a simple tooltip that displays a single value or title
+ *
+ * @example
+ * ```tsx
+ * <Scatterplot
+ *   data={data}
+ *   tooltip={Tooltip({ title: "name" })}
+ * />
+ * ```
+ *
+ * @example
+ * ```tsx
+ * <BarChart
+ *   data={data}
+ *   tooltip={Tooltip({
+ *     title: d => `${d.category}: ${d.value}`,
+ *     style: { background: "#333" }
+ *   })}
+ * />
+ * ```
+ */
+export declare function Tooltip(config?: TooltipConfig): (data: Record<string, unknown>) => React.JSX.Element;
+/**
+ * Create a multi-line tooltip that displays multiple fields
+ *
+ * @example
+ * ```tsx
+ * <Scatterplot
+ *   data={data}
+ *   tooltip={MultiLineTooltip({
+ *     fields: ["name", "value", "category"]
+ *   })}
+ * />
+ * ```
+ *
+ * @example
+ * ```tsx
+ * <LineChart
+ *   data={data}
+ *   tooltip={MultiLineTooltip({
+ *     title: "series",
+ *     fields: [
+ *       { label: "X", accessor: "x", format: v => v.toFixed(2) },
+ *       { label: "Y", accessor: "y", format: v => v.toFixed(2) },
+ *       { label: "Category", accessor: "category" }
+ *     ]
+ *   })}
+ * />
+ * ```
+ *
+ * @example
+ * ```tsx
+ * <BarChart
+ *   data={data}
+ *   tooltip={MultiLineTooltip({
+ *     fields: [
+ *       { label: "Category", accessor: "category" },
+ *       { label: "Sales", accessor: "value", format: v => `$${v.toLocaleString()}` }
+ *     ],
+ *     showLabels: true
+ *   })}
+ * />
+ * ```
+ */
+export declare function MultiLineTooltip(config?: MultiLineTooltipConfig): (data: Record<string, unknown>) => React.JSX.Element;
+/**
+ * Type for tooltip prop that chart components accept
+ */
+export type TooltipProp = boolean | ((data: Record<string, unknown>) => React.ReactNode) | ReturnType<typeof Tooltip> | ReturnType<typeof MultiLineTooltip>;
+/**
+ * Convert a tooltip prop to the format Semiotic expects
+ */
+export declare function normalizeTooltip(tooltip: TooltipProp): boolean | Function;

package/dist/TooltipPositioner/index.d.ts

@@ -1,5 +1,5 @@
 import * as React from "react";
-declare type Props = {
+type Props = {
     tooltipContent: Function;
     tooltipContentArgs?: object;
 };

package/dist/VisualizationLayer.d.ts

@@ -1,8 +1,8 @@
 import * as React from "react";
 import { RefObject } from "react";
-import { MarginType, RenderPipelineType, VizLayerTypes, RoughType } from "./types/generalTypes";
+import { MarginType, RenderPipelineType, VizLayerTypes, RoughType, TransitionConfig } from "./types/generalTypes";
 import { ContextType } from "./types/canvasTypes";
-declare type Props = {
+type Props = {
     axes?: Array<React.ReactNode>;
     frameKey?: string;
     xScale: Function;
@@ -18,7 +18,6 @@ declare type Props = {
     matte?: React.ReactNode;
     matteClip?: boolean;
     renderPipeline: RenderPipelineType;
-    baseMarkProps?: object;
     projectedCoordinateNames: object;
     position: Array<number>;
     disableContext?: boolean;
@@ -28,6 +27,7 @@ declare type Props = {
     frameRenderOrder: Array<string>;
     additionalVizElements: object;
     disableProgressiveRendering?: boolean;
+    transition?: boolean | TransitionConfig;
 };
 export default function VisualizationLayer(props: Props): React.JSX.Element;
 export {};

package/dist/XYFrame.d.ts

@@ -1,4 +1,8 @@
 import * as React from "react";
 import { XYFrameProps } from "./types/xyTypes";
-declare const XYFrame: React.NamedExoticComponent<XYFrameProps>;
+export declare function XYFrameInner<TDatum = Record<string, any>>(allProps: XYFrameProps<TDatum>): React.JSX.Element;
+export declare namespace XYFrameInner {
+    var displayName: string;
+}
+declare const XYFrame: typeof XYFrameInner;
 export default XYFrame;

package/dist/annotationLayerBehavior/annotationHandling.d.ts

@@ -1,8 +1,8 @@
 import { AnnotationProps } from "../types/annotationTypes";
-declare type NoteType = {
+type NoteType = {
     props: AnnotationProps;
 };
-declare type AnnotationTypes = "marginalia" | "bump" | false;
+type AnnotationTypes = "marginalia" | "bump" | false;
 interface Layout {
     type: AnnotationTypes;
     orient?: "nearest" | "left" | "right" | "top" | "bottom" | string[];

package/dist/annotationRules/networkframeRules.d.ts

@@ -1,13 +1,13 @@
 import * as React from "react";
-export declare const htmlFrameHoverRule: ({ d: baseD, i, tooltipContent, optimizeCustomTooltipPosition, useSpans, nodes, edges, nodeIDAccessor }: {
+export declare const htmlFrameHoverRule: ({ d: baseD, i, tooltipContent, optimizeCustomTooltipPosition, nodes, edges, nodeIDAccessor, adjustedSize }: {
     d: any;
     i: any;
     tooltipContent: any;
     optimizeCustomTooltipPosition: any;
-    useSpans: any;
     nodes: any;
     edges: any;
     nodeIDAccessor: any;
+    adjustedSize: any;
 }) => React.JSX.Element;
 export declare const svgNodeRule: ({ d, i, nodeSizeAccessor }: {
     d: any;

package/dist/annotationRules/orframeRules.d.ts

@@ -63,7 +63,7 @@ export declare const svgCategoryRule: ({ projection, d, i, categories, adjustedS
     categories: any;
     adjustedSize: any;
 }) => React.JSX.Element;
-export declare const htmlFrameHoverRule: ({ d, i, rAccessor, oAccessor, projection, tooltipContent, optimizeCustomTooltipPosition, useSpans, pieceIDAccessor, projectedColumns, adjustedSize, rScale, type, rScaleType }: {
+export declare const htmlFrameHoverRule: ({ d, i, rAccessor, oAccessor, projection, tooltipContent, optimizeCustomTooltipPosition, pieceIDAccessor, projectedColumns, adjustedSize, rScale, type, rScaleType }: {
     d: any;
     i: any;
     rAccessor: any;
@@ -71,7 +71,6 @@ export declare const htmlFrameHoverRule: ({ d, i, rAccessor, oAccessor, projecti
     projection: any;
     tooltipContent: any;
     optimizeCustomTooltipPosition: any;
-    useSpans: any;
     pieceIDAccessor: any;
     projectedColumns: any;
     adjustedSize: any;
@@ -79,7 +78,7 @@ export declare const htmlFrameHoverRule: ({ d, i, rAccessor, oAccessor, projecti
     type: any;
     rScaleType: any;
 }) => React.JSX.Element;
-export declare const htmlColumnHoverRule: ({ d, i, summaryType, oAccessor, type, adjustedPosition, adjustedSize, projection, tooltipContent, optimizeCustomTooltipPosition, useSpans, projectedColumns }: {
+export declare const htmlColumnHoverRule: ({ d, i, summaryType, oAccessor, type, adjustedPosition, adjustedSize, projection, tooltipContent, optimizeCustomTooltipPosition, projectedColumns }: {
     d: any;
     i: any;
     summaryType: any;
@@ -90,7 +89,6 @@ export declare const htmlColumnHoverRule: ({ d, i, summaryType, oAccessor, type,
     projection: any;
     tooltipContent: any;
     optimizeCustomTooltipPosition: any;
-    useSpans: any;
     projectedColumns: any;
 }) => React.JSX.Element;
 export declare const svgRectEncloseRule: ({ d, i, screenCoordinates }: {

package/dist/annotationRules/xyframeRules.d.ts

@@ -93,12 +93,12 @@ export declare const svgAreaAnnotation: ({ d, i, xScale, xAccessor, yScale, yAcc
     yAccessor: any;
     annotationLayer: any;
 }) => React.JSX.Element[];
-export declare const htmlTooltipAnnotation: ({ content, screenCoordinates, i, d, useSpans }: {
+export declare const htmlTooltipAnnotation: ({ content, screenCoordinates, i, d, adjustedSize }: {
     content: any;
     screenCoordinates: any;
     i: any;
     d: any;
-    useSpans: any;
+    adjustedSize: any;
 }) => React.JSX.Element;
 export declare const svgRectEncloseAnnotation: ({ d, i, screenCoordinates }: {
     d: any;

package/dist/batchWork.d.ts

@@ -1,4 +1,4 @@
-declare type BatchOptions = {
+type BatchOptions = {
     signal?: AbortSignal;
     timeFrameMs?: number;
 };

package/dist/charts/index.d.ts

@@ -0,0 +1,62 @@
+/**
+ * Higher-order chart components
+ *
+ * These components provide simplified, opinionated wrappers around
+ * XYFrame, OrdinalFrame, and NetworkFrame for common chart types.
+ *
+ * @module charts
+ */
+export { Scatterplot } from "./xy/Scatterplot";
+export type { ScatterplotProps } from "./xy/Scatterplot";
+export { LineChart } from "./xy/LineChart";
+export type { LineChartProps } from "./xy/LineChart";
+export { AreaChart } from "./xy/AreaChart";
+export type { AreaChartProps } from "./xy/AreaChart";
+export { StackedAreaChart } from "./xy/StackedAreaChart";
+export type { StackedAreaChartProps } from "./xy/StackedAreaChart";
+export { Heatmap } from "./xy/Heatmap";
+export type { HeatmapProps } from "./xy/Heatmap";
+export { BubbleChart } from "./xy/BubbleChart";
+export type { BubbleChartProps } from "./xy/BubbleChart";
+export { BarChart } from "./ordinal/BarChart";
+export type { BarChartProps } from "./ordinal/BarChart";
+export { StackedBarChart } from "./ordinal/StackedBarChart";
+export type { StackedBarChartProps } from "./ordinal/StackedBarChart";
+export { SwarmPlot } from "./ordinal/SwarmPlot";
+export type { SwarmPlotProps } from "./ordinal/SwarmPlot";
+export { BoxPlot } from "./ordinal/BoxPlot";
+export type { BoxPlotProps } from "./ordinal/BoxPlot";
+export { DotPlot } from "./ordinal/DotPlot";
+export type { DotPlotProps } from "./ordinal/DotPlot";
+export { PieChart } from "./ordinal/PieChart";
+export type { PieChartProps } from "./ordinal/PieChart";
+export { DonutChart } from "./ordinal/DonutChart";
+export type { DonutChartProps } from "./ordinal/DonutChart";
+export { GroupedBarChart } from "./ordinal/GroupedBarChart";
+export type { GroupedBarChartProps } from "./ordinal/GroupedBarChart";
+export { ForceDirectedGraph } from "./network/ForceDirectedGraph";
+export type { ForceDirectedGraphProps } from "./network/ForceDirectedGraph";
+export { ChordDiagram } from "./network/ChordDiagram";
+export type { ChordDiagramProps } from "./network/ChordDiagram";
+export { SankeyDiagram } from "./network/SankeyDiagram";
+export type { SankeyDiagramProps } from "./network/SankeyDiagram";
+export { TreeDiagram } from "./network/TreeDiagram";
+export type { TreeDiagramProps } from "./network/TreeDiagram";
+export { Treemap } from "./network/Treemap";
+export type { TreemapProps } from "./network/Treemap";
+export { CirclePack } from "./network/CirclePack";
+export type { CirclePackProps } from "./network/CirclePack";
+export { RealtimeLineChart } from "./realtime/RealtimeLineChart";
+export type { RealtimeLineChartProps } from "./realtime/RealtimeLineChart";
+export { RealtimeBarChart } from "./realtime/RealtimeBarChart";
+export type { RealtimeBarChartProps } from "./realtime/RealtimeBarChart";
+export { RealtimeSwarmChart } from "./realtime/RealtimeSwarmChart";
+export type { RealtimeSwarmChartProps } from "./realtime/RealtimeSwarmChart";
+export { RealtimeWaterfallChart } from "./realtime/RealtimeWaterfallChart";
+export type { RealtimeWaterfallChartProps } from "./realtime/RealtimeWaterfallChart";
+export type { BaseChartProps, AxisConfig, Accessor, ChartAccessor } from "./shared/types";
+export { useColorScale, useSortedData, DEFAULT_COLOR } from "./shared/hooks";
+export { COLOR_SCHEMES, DEFAULT_COLORS, getColor, createColorScale, getSize } from "./shared/colorUtils";
+export { formatNumber, formatDate, formatAxis, createTooltip, formatLargeNumber, truncateText } from "./shared/formatUtils";
+export { Tooltip, MultiLineTooltip, normalizeTooltip } from "../Tooltip/Tooltip";
+export type { TooltipProp, TooltipConfig, TooltipField, MultiLineTooltipConfig } from "../Tooltip/Tooltip";