Leaderboard
Last updated
Was this helpful?
Last updated
Was this helpful?
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
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.
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
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
Bars
Bars
Customize the bar color to align with your branding preferences.
