Skip to main content

Decipher Support

All the topics, resources needed for Decipher.

FocusVision Knowledge Base

Creating Dashboard Banners

Creating Banners and Segments

By default, the full data set is shown within each element and only one column of data is presented. The keyword banner.local defines a set of banner segments and applies them to a table or chart. The values for banner.local follow a simple conditional syntax, wherein each segment is defined by its condition and title:

banner.local
  segment <condition> [title]

Examples

Segmenting a Table

table Smartphone ownership
row Q3.r1
row Q3.r2
row Q3.r3
row Q3.r4
row Q3.r5
banner.local
segment Q1.r1 Female
segment Q1.r2 Male

With the below banner and segments applied, the table for smartphone ownership displays the data split between males and females:

dec_creating_dashboard_banners_001.png

Segmenting a Chart

Similarly, with the following banner and segments applied, the smartphone ownership chart displays the data split between males and females:

chart Smartphone ownership
row Q3.r1
row Q3.r2
row Q3.r3
row Q3.r4
row Q3.r5
type pie
banner.local
segment Q1.r1 Female
segment Q1.r2 Male

dec_creating_dashboard_banners_002.png

Adding Dynamic Splits to Charts and Tables

Note: When creating selectable splits make sure that the dashboard's compat is set to level 2+.

By default, banners and segments are applied prior to loading a dashboard, so each element will appear with programmed splits already in place. If you want to allow users the ability to toggle between data views manually within your dashboard, you would need to add a dynamic split to each element. You can use bannergroup.local to add dynamic splits to charts and tables.

Note: Local splits take priority over global splits.

Examples

Adding a Dynamic Split to a Table

Allowing users to toggle between viewing the age and smartphone ownership of respondents within a gender table:

table Gender of Respondents
  rows Q1.r1-r2
bannergroup.local
  banner.local Age
      segment "Q2.r1" "18 - 25"
      segment "Q2.r2" "26 - 35"
      segment "Q2.r3" "36 - 44"
      segment "Q2.r4" "45+"
  banner.local Smartphone Type
      segment "Q3.r1" "Android"
      segment "Q3.r2" "Blackberry"
      segment "Q3.r3" "iPhone"
      segment "Q3.r4" "Windows"
      segment "Q3.r5" "Other"

This code would apply a gear icon to the gender table, which would prompt users with a “Split By” menu to toggle and apply different data views:

dec_creating_dashboard_banners_003.png

Once a split is applied, the table would dynamically change to a segmented view:

dec_creating_dashboard_banners_004.png

Adding a Dynamic Split to a Chart

Allowing users to toggle between viewing the age and smartphone ownership of respondents within a gender chart:

chart id=db-5 Gender Pie Chart
  rows Q1.r1-r2
      type bar
bannergroup.local
  banner.local Age
      segment "Q2.r1" "18 - 25"
      segment "Q2.r2" "26 - 35"
      segment "Q2.r3" "36 - 44"
      segment "Q2.r4" "45+"
  banner.local Smartphone Type
      segment "Q3.r1" "Android"
      segment "Q3.r2" "Blackberry"
      segment "Q3.r3" "iPhone"
      segment "Q3.r4" "Windows"
      segment "Q3.r5" "Other"

This code would apply a gear icon to the gender chart, which would prompt users with a “Split By” menu to toggle and apply different data views:

dec_creating_dashboard_banners_005.png

Once a split is applied, the table would dynamically change to a segmented view:

dec_creating_dashboard_banners_006.png

You can also force a segmented view to show without a split by adding default=1 to a banner.local attribute. For example, if you wanted users to see the gender table split by age unless another banner is selected, you would use the following code:

table Gender of Respondents
  rows Q1.r1-r2
bannergroup.local
  banner.local default=1 Age
      segment "Q2.r1" "18 - 25"
      segment "Q2.r2" "26 - 35"
      segment "Q2.r3" "36 - 44"
      segment "Q2.r4" "45+"
  banner.local Smartphone Type
      segment "Q3.r1" "Android"
      segment "Q3.r2" "Blackberry"
      segment "Q3.r3" "iPhone"
      segment "Q3.r4" "Windows"
      segment "Q3.r5" "Other"
  • Was this article helpful?