This article will help you to:      

  • Discover all the Widget types
  • Create a Widget
  • Configure a Widget

Definition

In Reeport, Widgets are objects you can use to visualize data. Widgets are created on a Page and are fully editable.

There are three types of Widgets:

  • Data Widgets
  • Dynamic Filters
  • Design Widgets

In this article, we will walk you through the creation of a Data Widget: the bar chart.

Widget types

Data Widgets

  • Table Widget
  • KPI Widget
  • Bar chart Widget
  • Horizontal Bar chart Widget
  • Area chart Widget
  • Donut Widget
  • Radar Widget
  • Line chart Widget
  • Bar-Line chart Widget
  • Tree map Widget
  • Sunburst Widget
  • Bubble Widget
  • Scatter Plot Widget
  • Geomap Widget
  • Custom chart Widget 

Custom Widgets

  • Widget from a Template
  • Dynamic Filter

Design Widget

  • Text Widget
  • Image Widget

Note

Throughout the following example, we are going to use Google Analytics data. To use a bar chart for another data source, just change the data source in the bottom-right corner.

Create a bar chart

  • Click on the bar chart Widget icon on the left-hand menu
  • Click on the Widget
  • On the right-hand side, you’ll see the settings for your Widget. Once on the Data tab, select a Dimension by clicking on the “List” button
  • Select the appropriate dimension in the list. Let’s pick “Week (cross-API)”
  • Now, let’s select a Metric by clicking on the “List” button
  • Select the appropriate metric in the list. Let’s pick “Sessions”
  • Go to the “Display” tab to change the widget formatting

Each section in details

Data Visualization Type

  • Changed your mind? This is where you can choose other visualization formats (i.e. a donut chart instead of a bar chart)

Generic options

  • Define the position of the Widget at a pixel-precision level
  • Set the data points limit
  • Edit the sorting order

Background options

  • Background color

Display options

  • Title
  • Dates
  • Axis
  • Values and legend options

Style options

  • Color palette
  • Text size and format
  • Advanced options

Advanced options 

  • Min and Max options
  • Dimension breakdown (when applicable)
  • Stacked bars options (when applicable)
Did this answer your question?