Skip to main content

Report Builder - Widget Library

  • Updated

Overview

Widgets are what constitute a dashboard. They are the most basic components that display a piece of information.

widgets.png

 

Widget Library

NOTE: Widget Library is being expanded based on customer feedback, the below table represents available widgets as of 10/26/2021.

# Widget Description Configuration Workflow Visual Appearance Example
1 Charts
1.1 Area Chart combines the line chart and bar chart to show how one or more groups
  1. Add Chart widget to the canvas
  2. Specify Widget Name
  3. Specify Chart type = ‘Area Chart’
  4. Adjust Widget Style
  5. Apply Data Pipelines
 area-chart.png 
 1.2

Bar Chart

Vertical Bar Chart presenting categorical data with rectangular bars with heights or lengths proportional to the values that they represent
  1. Add Chart widget to the canvas
  2. Specify Widget Name
  3. Specify Chart type = ‘Bar Chart’
  4. Adjust Widget Style
  5. Apply Data Pipelines
 bar-chart.png 
1.3  Doughnut Chart A pie chart with a "hole" - a blank circular area in the center. The chart is divided into parts that show the percentage each value contributes to a total.
  1. Add Chart widget to the canvas
  2. Specify Widget Name
  3. Specify Chart type = ‘Doughnut Chart’
  4. Adjust Widget Style
  5. Apply Data Pipelines
 doughnut-chart.png 
 1.4 Horizontal Bar Chart Horizontal Bar Chart presenting categorical data with rectangular bars with heights or lengths proportional to the values that they represent
  1. Add Chart widget to the canvas
  2. Specify Widget Name
  3. Specify Chart type = ‘Horizontal Bar Chart
  4. Adjust Widget Style
  5. Apply Data Pipelines
 horizontal-bar-chart.png
 1.5 Line Chart A graphical representation of historical values that connects a series of data points with a continuous line
  1. Add Chart widget to the canvas
  2. Specify Widget Name
  3. Specify Chart type = ‘Line Chart'
  4. Adjust Widget Style
  5. Apply Data Pipelines
 line-chart.png
 1.6 Pie Chart A circular statistical graphic, which is divided into slices to illustrate numerical proportion.
  1. Add Chart widget to the canvas
  2. Specify Widget Name
  3. Specify Chart type = ‘Pie Chart'
  4. Adjust Widget Style
  5. Apply Data Pipelines
 pie-chart.png
1.7  Scatter Plot Uses dots to represent values for two different numeric variables. The position of each dot on the horizontal and vertical axis indicates values for an individual data point. Scatter plots are used to observe relationships between variables.
  1. Add Scatter Plot widget to the canvas
  2. Specify Widget Name
  3. Add Data Source
  4. Adjust Widget Style
  5. Apply Data Pipelines
  

5

Shapes

5.1

Circle

Circle shape

  1. Add widget to the canvas

  2. Specify Widget Name

  3. Adjust Widget Style

  4. Add Data Source

  5. Add Rules
circle.png

5.2

Ellipse

Ellipse shape
ellipse.png

5.3

Line Shape

Line shape
line-shape.png

5.4

Rectangle

Rectangle shape
rectangle.png

5.5

Square

Square shape

 square.png
6 Text

6.1

Relative Date

Formats relative date time strings in natural language ex: Last week, This month etc; to absolute date strings.

  1. Add Relative Date widget to the canvas

  2. Specify a Day to be displayed

  3. Adjust Widget Style

  4. Add a Data Source

  5. Add Rules
relative-date.png

 

6.2

Table

Data table

  1. Add Table widget to the canvas

  2. Add a Data Source

  3. Select columns to be displayed

  4. Adjust Widget Style

  5. Apply Data Pipelines

  6. Add Rules
table.png

 

6.3

Text String

Hardcoded plain text

  1. Add Text widget to the canvas

  2. Specify Widget Name

  3. Specify Text

  4. Adjust Widget Style

  5. Apply Data Pipelines

  6. Add Rules

text-string.png

 

6.4

Value

Retrieves value of a Point

  1. Add Value widget to the canvas

  2. Specify Widget Name

  3. Specify Text

  4. Adjust Widget Style

  5. Add Data Source

  6. Add Rules

 value.png
7 Widgets

7.1

 Icon An icon from the icon library
  1. Add Icon widget to the canvas
  2. Specify Widget Name
  3. Specify Icon - an Icon from the Icon Library
icon.png

 

7.2

 Image

External image uploading
  1. Add Image widget to the canvas
  2. Specify Widget Name
  3. Adjust Widget Style
  4. Specify an Image file in Widget Properties
  5. Add Data Source
  6. Add Rules
 turntide.png 

 

Related articles