sisense.com
✅ You are viewing documentation for the latest version of Compose SDK.
Version:

Type alias CustomVisualization Beta<Props>

CustomVisualization: <Props> (props) => ReactNode

Defines a user-defined custom visualization component. Can be any visual representation of data — chart, table, map, etc.

Example

import { CustomVisualization, CustomVisualizationProps } from '@sisense/sdk-ui';

const MyChart: CustomVisualization<CustomVisualizationProps> = ({ dataOptions, styleOptions }) => {
  return <div className="my-chart">{JSON.stringify(dataOptions)}</div>;
};

Type parameters

ParameterDefaultDescription
PropsCustomVisualizationPropsThe props type for the custom visualization component, extending CustomVisualizationProps.

Parameters

ParameterTypeDescription
propsPropsProps injected by the dashboard, including dataOptions, styleOptions, filters, and event handlers.

Returns

ReactNode

A React node representing the rendered visualization.

Last Updated: