Skip to main content

Filter

The Filter Component in Akuko empowers you to create custom filters that enable users to refine and interact with your data stories effectively. Whether you need to filter data across various components, segment information, or provide users with data exploration capabilities, the Filter Component provides a powerful solution for enhancing the interactivity of your data narratives.

Key Features

Custom Filter Creation

With the Filter Component, you can create custom filters tailored to your data and components. Define filter criteria based on data fields, values, or ranges to allow users to interact with your data stories in a way that suits their needs.

Cross-Component Filtering

One of the key strengths of the Filter Component is its ability to perform cross-component filtering. This means that users can apply filters created with this component to other components in your data story, ensuring that data is consistent and synchronized across different views.

Multiple Filter Types

The Filter Component supports various filter types, including text filters, range filters, dropdown filters, and more. Choose the filter type that best matches the data you want to filter and the user experience you want to create.

Real-Time Updates

Filters created with the Filter Component provide real-time updates to connected components. As users apply filters, other components will automatically adjust their data display to reflect the filtered results.

Properties

The Filter Component offers several properties to configure its appearance and behavior:

name

string The component name.

width

The component width

source

uuid The uuid of the Source

componentsWithGlobalFilters

array Array of component ids to which this filter applies

filters

array Array of filters

Specify the components that will be affected by this filter.

Examples

Explore examples of the Filter Component in action: