How to :: configure a datawall

Warning

Disclaimer : This is a paid feature ! And it’s not available from the Studio yet.

Overview

As we want to enable our clients to bring insights through data, we created a datawall to showcase dynamic reports on a tv screen, or on a wall, to bring the information to everybody in the company. The datawall is a single page outside the application, available via a button at the bottom of your home when configured, that display during a defined time (configurable) several pages with chosen charts.

The usage is quite different from the application. Example : you are having a break, and in the cafeteria there is a tv screen displaying the performance of the acquisition team.

Select a few stories from your app to create a datawall.

The datawall is reusing existing charts with the ability to override some options in order to better customized the visualizations.

When it’s configured, a button will be displayed at the bottom of the dashboard.

By default, the datawall is generated with the current reports and date selector’s values in the title.

Some advices

For a better user experience, we recommend to not exceed 4 charts by page (2 rows, 2 charts by rows). You can go up to 6 charts (2 rows, 3 charts).

Master/slave, double charts and drillable charts are not well displayed in the datawall, so you better not use them.

Configuration

This block of configuration lives into the front_config.cson file, at the same level as settings for example.

Mandatory config options

  • time: Display time of each page in seconds
  • pages: It’s an array of rows, each object describe each PDF page in the same order.
    • rows: A row it’s a line on your page. It’s an array of tiles
      • tiles: Array of object wich describre the tile:
        • id: Id of the chart to display

Available optional config options

  • source:: Source that will be displayed in the right bottom of the header
  • header::
    • backgroundOffsetY: Default to 250. Vertical offset of the header’s background
  • pages:
    • title: Title of the page, displayed on top of the global title
    • rows:
      • visibility: Define if the row is visible or not according to a condition
      • tiles:
        • visibility: Define if the tile is visible or not according to a condition
        • overrides: This object will override the displayed slide options (e.g: title, chartoptions, etc…)
      • size: Default to 1 Describe the height ratio of the row compare to the others

Example

Datawall

Image of datawall

Image of datawall

Configuration

dataWall:
  title: 'Data Wall'
  time: 10
  pages: [
      title: 'First Page'
      rows: [ #2 row with 2 charts each
          tiles: [
              id: 41002
          ,
              id: 40203
          ]
      ,
          tiles: [
              id: 40401
          ,
              id: 40501
          ]
      ]
  ,
      title: 'Second Page'
      rows: [ #1 row with 2 charts
          tiles: [
              id: 41001
          ,
              id: 41000
          ]
      ]
  ]