Graphs

Graphs translate data into a visual representation and provide an overview about complex structures or analytics.

Bar Chart

The bar chart is used for number comparisons in relation to a progressing value (e.g. time). Values can be grouped and summarized. Each y-axis value needs be labeled inside a legend. The detailed value of the entries on the y-axis is available on hover (click on mobile devices).

Default / Hover (Click)

Line Graph

Line graphs are used to display one or multiple progressing values throughout a certain time span. The individual data point’s value can be accessed on hover (click on mobile devices).

Default / Hover (Click)

Pie Chart

The pie chart displays relative shares of a larger sum of individual parts. All parts can be selected in order to display detail information. A secondary level of data is possible.

Default
Selected
Secondary Overlay

Pie Chart with Text Label

This variation of pie charts shows labels as default and can be used as a filter.

Default
Selected

Stacked Bar Chart

Stacked bar charts display relative shares of a larger sum of individual parts. The parts can be filtered by clicking on the respective labels. On hover (click on mobile devices), detail information about the individual data sets is shown.

Default
Filtered
Selected

Elements

Coming soon.