Leaderboard

🧭 Overview

A leaderboard shows ranking among categories. It consists of a series of bars representing a quantitative metric for comparable entities. This viz allows to quickly benchmark all entities.

📊 Example Use Case

  • Top-selling products or services

  • User activity rankings

  • Department or team performance comparison

  • Most accessed content or features

  • Metric-based competition or gamification tracking

⭐ Key Features

  • Categorize by Bars: Helps compare subgroups independently within the same chart.

  • Order Bars Within Categories: Enhances readability and comparison inside groupings.

  • Enable Drill-down: Supports exploratory analysis without leaving the chart context.

  • Show Rank for Bars: Makes positions explicit without relying solely on visual length.

Configuration

Learn how to create a leaderboard using the new design with this step-by-step guide. Explore the interactive walkthrough below to get started quickly, then dive into the full configuration reference table for in-depth details.

Chart Configuration Step-by-Step

Option
How does it work?

Category

Bar category

The bar category corresponds to a column in your dataset, such as 'Product Type'.

Category by bars

Organizes bars into separate categories or groupings, allowing segmented ranking.

Enable drill-down

Allows users to click on a bar to explore more detailed or related data.

Show rank for bars

Displays a numeric rank for each bar based on its value position.

Value

Bar height

The bar height represents a value from your dataset. You can select an aggregation method from the menu, which may vary depending on the chart type.

Precision

Precision determines the level of detail in how your values are displayed. By default, measures use a .2f format, meaning they are shown with two decimal places.

Example: A value of 3.14159 will be displayed as 3.14 when using .2f formatting.

Unit

Unit represents the total quantity or category being measured for a KPI. It defines what the values correspond to, providing context for better interpretation.

Sentiment

Four different sentiment statuses (positive, warning, negative, neutral) can be used to color bars, enhancing visual distinction.

Note: Sentiments can be customized in the app theme.

Reverse height order

Inverts the direction of bar heights, so lower values appear higher or vice versa.

Additional parameters

ID

Unique chart Id

Add complementary value

The complementary value is displayed in the data label, providing additional context and making it easier for viewers to interpret the data at a glance. It is possible to add a precision, an unit and a sentiment.

Add user chart guide

Lead your chart viewers through the narrative of your data.

Chart performance

Technical performance

Style Configuration

Option
How does it work?

Bars

Bars

Customize the bar color to align with your branding preferences.

Last updated

Was this helpful?