Intro

The comparison chart is a bar chart. It compares entries in a top N list. You can choose between two different layouts depending on the available space/parent container. You can use the semantic color palette as well as the chart palette.

Different comparison charts
Different comparison charts

Usage

The comparison micro chart can be embedded into a table, list, tile, and header.

Responsiveness and Adaptiveness

See the micro chart overview article.

Resources

Want to dive deeper? Follow the links below to find out more about related controls, the SAPUI5 implementation, and the visual design.

Elements and Controls

Implementation

Comparison Micro Chart (SAPUI5 Explored)