Biuwer Docs
Biuwer.comBlogLog InTry for free
English
English
  • Welcome
  • Getting Started
    • What is Biuwer?
    • Glossary
    • How to use Biuwer?
      • Sign Up process
      • Accessing Biuwer
      • Home page and navigation
      • My user Profile
      • Managing content
      • Exploring data
      • Filtering data
      • Collaborating with data
      • The Film Rentals space
    • How Biuwer works
    • Next steps
  • Managing Data
    • Introduction
    • Data Connections
    • Datasets
    • Data Models
  • Content Management
    • Introduction
    • Personal space
    • Shared spaces
    • Favourite content
    • Pages
    • Cards
      • Data Card Editor
      • Data queries
      • KPI card
      • Vertical Table Card
      • Cross Table Card
      • Chart Card
      • Map Card
      • Custom Card
      • Calculated fields
    • Filters
    • Multilanguage
  • Creating a Dashboard
    • What questions I want to answer
    • What data sources are there
    • Setting up data connections
    • Setting up datasets
    • Setting up data models
    • Create cards
    • Create the page
    • Setting up access security
  • Security Management
    • Introduction
    • Platform permissions
    • Roles
    • Object permissions
    • Permission inheritance
    • Property of objects
    • User access logs
  • Administration
    • Organization
      • 🎨Themes
      • 🎨Color palettes
    • Users
    • Groups
    • Roles
    • Authentication tokens
  • INTEGRATION GUIDE
    • Introduction
    • Concepts to take into account
      • Contents to integrate
      • Shared resources
      • Users
      • Groups of users
      • Authentication Tokens
      • Data Policies
    • How do I integrate Biuwer into my application?
      • Items to prepare
      • Content access security
      • Data access security
      • Embedding a resource in my application
    • Integration Types
      • Manual integration
      • Automated integration
Powered by GitBook
On this page

Was this helpful?

  1. Content Management
  2. Cards

KPI card

PreviousData queriesNextVertical Table Card

Last updated 4 years ago

Was this helpful?

KPI cards in Biuwer allow for the visual representation of totalised numerical values. They are usually used in pages to compose dashboards and their purpose is to serve as a summary.

A KPI card supports multiple queries, so that as many total numeric values as needed can be incorporated into the same card. However, regardless of this, when configuring the card, only metric type fields are supported, to which an aggregation function has been applied, in order to obtain a single total value.

To configure the display of a KPI card, from the "Visualization" tab of the Data Card Editor:

  1. Select one or more metric type fields from the "Available fields" and drag it to the "Indicator location" block on the right.

  2. Press the "Preview" button to show step-by-step how the card is displayed.

  3. You can configure different layouts for the location of various metrics.

Using the pencil icon on each metric you access the indicator settings with multiple options:

  • Configuration. You can indicate the vertical position of the indicator, its numerical format and visual style. You can also specify an icon among the catalog of available icons and if it is a time metric, that is, it measures a temporary duration, you can specify what it means (seconds, minutes, hours, days, etc.) and what time format you want to use. In addition to the indicator, you can display a text around it indicating a particular visual format, even with a custom icon.

  • Box style. You can specify a background color, borders and even indentation, for each of the four sides of the box.

  • Conditional style. It is possible to specify one or more conditional styles, based on arithmetic conditions that the indicator value reaches. For each added condition it is possible to apply again a totally different configuration and box style, in all its parameters.

Below is a visual example of a KPI applying other styles and formats.

Example of KPI cards in Biuwer
Configuring a KPI card in Biuwer
Options for setting up an indicator on a KPI card
Applying box styles to an indicator on a KPI card
Applying conditional styles to an indicator on a KPI card
Example of a KPI card with applied formats