Score card reference

To display a list of metrics

Overview

📖 Learn More about the Score card here.

📖 Find examples on the Score card here.

Parameters

Required

You must fill these parameters to produce a Score card

parameters label type description (placeholder | tooltip)
label Label string (Column of dataset expected) Column containing the label of the metrics to display |
dataset   string Dataset |
value Value string (Column of dataset expected) Column containing the value of the metrics to display | Did you know your value can be a number or some text ?

Optional

You can let these parameters unset if you do not need them

parameters label type description (placeholder | tooltip)
labelsOrder Labels order   | Use it to order labels
variation Variation string (Column of dataset expected) Column containing variation values |
packs Packs string (Column of dataset expected) Column containing grouping of metrics | Will add spacing between your packs of labels
sparklines Sparklines object | Add a line to represent the trend of the value for each label.Learn more right here
sparklines/forceLexicalOrder Automatic date ordering boolean | Set to false to disable lexical reordering of ordinal dates
sparklines/date   string (Column of dataset expected) Column containing the time dimension |
sparklines/showMissingValues Show missing values boolean | Display missing values as blank/white linesBy default missing values are filtered outto display a continuous line
sparklines/legend   string Type in a legend | Optional
sparklines/commonScatter Common scale boolean | Use the same scale for all sparklines (y axis)
sparklines/dateFormat Date display format string Describe how to display the date | OptionalUse d3 time format (like ‘%Y’ to display just years)
packsOrder Packs order   | Use it to order packs
hidePackLabels Hide pack labels boolean | Will hide the pack labels
tutorial Tutorial object |
tutorial/content Message string Enter your message | This will be displayed to your users
tutorial/alwaysShow Always show this tutorial boolean | By default the tutorial is shown once only
tutorial/id   string Enter an ID | Change the ID to display the tutorial again. All tutorials with the same ID will be displayed only once.
style Custom CSS class string amazing-class | Set a custom CSS class to target this specific chart with CSS
size Size number Enter a proportion of the total screen | Use on multiple charts onlyEnter a number from 0 to 1
mobileSize Mobile Size number Enter a proportion of the total mobile screen | Use on multiple charts onlyEnter a number from 0 to 1
variationLegend Variation legend string Enter the legend for your variation | Will appear like a column header on top of the variation

Others

This parameters are either common to all charts, or hidden from studio. You can use them in code mode, but it’s not recommended !

parameters label type description (placeholder | tooltip)
sparklines/orderDates   boolean |
sparklines/datesOrder     |
sparklines/unit   string |