Skip to main content

Celonis Product Documentation

View components

Note

You're currently viewing a topic describing a Studio feature that's in limited availability. For more information, see: Studio (new experience).

For all other Studio features, see: Studio.

You can customize your Studio views by adding and configuring view components. View components allow you to visualize your data in a number of ways, enable you to add interactive elements to your views, and help you customize the look and feel of the view.

For an overview of available view components, see: Available view components.

Adding components to views

When in view edit mode, you can add components to your view by dragging and dropping them into the view layout:

view_components_to_layout.png

Once added to the layout, you can then resize, move, and remove the component as required.

You also can view the component Settings menu on the right-side, giving you the ability to add data and control the component's behaviour within your view.

component_settings_menu.png

Each component has its own settings, however, you will also find buttons for component information, PQL, and component controls for each component here:

component_controls.png
  • Component information: This allows you to change the name of the component, the info title that's visible to viewers, and the info text that's displayed.

  • PQL editor: This opens the PQL editor for the component, giving you enhanced editing options for the component's data. For more information about the PQL editor, see: PQL editor.

  • Component controls: These allow you to reorder, duplicate, and delete the component from your layout. You can also find the shortcut to the YAML editor for this component and the ability so switch between knowledge models.

Copying components

Once added to your view, you can copy and paste a component within your view, across tabs, and also across other views within the same package.

To copy a component, either click Copy Component or select the component and use your keyboard shortcuts (CMD + C / CNTL + C):

copying_components.png

You can then paste this component using the keyboard shortcuts or take advantage of the Smart Suggestions option in new tabs:

paste_components.png
Available view components

The following component categories and related components are available in the new Studio experience:

Containers allow you to visually combine new and existing components in your view, either on a white or transparent background.

In the following example, a white container has been used to visually combine related column chart and pie chart:

containers.png

You can add the following KPI focused components to your views:

  • KPI card: Display a detailed KPI card for a single KPI within your view.

  • KPI list: Display a list of relevant KPIs for the view, with both display only and interactive KPI lists available.

In this example, a KPI list has been added to the view:

KPI_list_view.png

You can use the following components to visually display your processes:

  • Case explorer: A case explorer displays the data tables connected to the Celonis engine and provides an intuitive tool for examining cases and their respective activities. It is useful for localizing problems, viewing insights, and validating data. For more information about case explorer component, see: Case explorer.

  • Network explorer: This component allows you to examine how objects are related across your business. Choose different dimensions to explore your object-to-object relationships by country, plant, material, distribution, or other dimensions, and choose the KPI to display for each object. For more information about configuring the network explorer component, see: Network Explorer.

  • Process explorer: This components enables you to visually display the key stages involved in a process and the data associated with each stage (such as number of cases). For more information about the process explorer component, see: Process Explorer.

Below is an example of a process explorer component:

Process_explorer.png

Display your data using highly customizable and interactive tables. You can also use tables within the new Studio experience to overlay a linked view within your view. This allows you to reference data from an existing view within your package.

For more information about configuring your tables, see: Tables.

For more information about displaying an overlaid view within your view, see: View overlays.

Table_example.png

Display your data using highly customizable and interactive category based charts.

You can select from the following category chart types:

  • Bar

  • Donut

  • Grouped bar

  • Pie

  • Stacked bar

For more information, see: Charts.

category_charts.png

Display your data using a time series chart, helping you to compare and analyze data over a defined time period.

You can select from the following category chart types:

  • Columns

  • Grouped columns

  • Stacked columns

  • Columns & lines

  • Lines

For more information, see: Charts.

line_chart_example.png

View your data as a histogram, showing the frequency distribution of continuous variables. To show this distribution, your data is divided into groups (known as buckets') on the x-axis, while the y-axis shows the frequency (count) based on the data that falls in each bucket.

For more information, see: Charts.

histogram.png

These components allow app viewers to filter the data displayed in the view.

You can select from the following filter components:

  • Date range

  • Filter dropdown

  • Quick filter

For example, the following view uses a number of dropdown filters:

filter_dropdowns.png

These components allow you to add interactive elements to your view, such as buttons to click and dropdowns to select data from.

You can select from the following user inputs:

  • Button

  • Input dropdown

For example, the following view includes a button for the user to open further analytics:

button_example.png

Buttons can also be used to display overlays of existing views within the current view. For more information, see: View overlays.

These components allow you to add information linked to objects in your knowledge model.

You can select from the following object specific details:

  • Attribute list

  • Comments

To configure user comments within a view, see: Comments.

preview_of_comments.png

Here you can add a text box to your view, with text formatting, placeholders, and variables included.

textbox_preview.png