Skip to main content
Widgets Catalog

A catalog of the main widget types available in our dashboards and reporting

Matthew Davis avatar
Written by Matthew Davis
Updated over 6 months ago

Choosing the right widgets to display your data can make or break your reporting. Luckily, we offer a variety of widget styles that give you a wide degree of flexibility in designing a layout. If you're crunched for time, you can also use our pre-configured templates, which let you create layouts with just a couple of clicks. 

These widgets are broken down into three main categories:

  • Widgets with a dimension

  • Widgets without a dimension

  • Custom widgets

Widgets with a dimension

Widgets with a dimension show data separated by category or range. Examples are widgets that break down the data by marketing channel, device, ranking group, and so on. 

Stacked Column Chart ("Stoplight" chart)

These charts are used exclusively with our SERP tracking data, and help to illustrate the distribution of rankings over time. The dimensions are the 5 ranking position ranges. Use the "Stoplight" chart when clients are interested in major SERP movements.

These are especially useful in conjunction with a line chart showing the Google Change metric. The primary customization factors are tags and filters, allowing you to break out subsets of your keywords separately.  Read more about the "Stoplight" charts here

Pie Chart

The pie chart shows the percentage that each data category contributes to the "whole". Pie charts are a great way to show a quick "at a glance" overview of proportional distribution among a set of groups, including marketing channels, demographic groups, types of engagements etc. Note that if there are a large number of groups in your data set, only the top groups will be displayed in the pie chart; this is done to provide the most intuitive UX for your customers.

The primary customization factor is the ability to choose the data set on which the pie chart is segmented.

  • Horizontal Bar Chart

    The horizontal bar chart is similar to the pie chart, in that it displays a proportional distribution among a set of groups. Some of the groups used in our horizontal bar chart widgets are top backlink anchors, top GSC landing pages, top call tracking sources and so on. These charts rank the groups in the set in order, and show their distribution as a share of the total.

    Bar charts don't include much in the way of customization or filters; only the default options of widget color/name etc are available.

  • Map Chart

    Map charts show the distribution of a selected metric by country. These charts show a darker color for countries with a higher ranking for the given metric. Typical metrics available include sessions, conversion rates, and views. Map charts are useful in demonstrating the importance of traffic and users from different countries for customers with a global reach

    Most map chart widgets offer a variety of filters for segmenting the data appropriately.

  • Table Chart

    Table charts show a metric broken down by a dimension where the exact value for each dimension is important. The table is sorted in descending order and is useful for exacting customers who require precise data. Typical metrics include engagement, reach, likes, and other social data broken down by a geographic or demographic dimension.

    Table charts don't include much in the way of customization or filters; only the default options of widget color/name etc are available.

  • Gauge chart

Gauge charts illustrate a metric as the percentage of the whole. The dimension is the metric in question. These widgets are perfect for showing clients 1) how well a specific dimension category performs in comparison to the total, or 2)  how a metric performs on a given scale. In the example below, we're displaying percentage of follow links versus total links, as illustrated by the blue line. These widgets are only available in a few integrations; examples of metrics available include trust flow, citation flow, crawl summary, average rating, and so on. 

Gauge charts don't include much in the way of customization or filters; only the default options of widget color/name etc are available.

Widget without a dimension

Widgets without a dimension are used to show the entire data set, with no separation across category or range. Non-dimensional widgets either display the data as it's changed and evolved over time, or simply show the entire raw data set. 

  • Line Chart

Line charts are the classic widget that shows change in a given metric over time. You undoubtedly see these on a daily basis in the media and in your business. Line charts are a great way to show customers how an important metric has trended over either a long or short time interval. Nearly every style of dashboard should include line charts. Similar to the Sparkline charts, these are available for a wide array of metrics, across every integration.

Line charts may or may not include a drop down filter, depending on the metric selected. Common filters on these widgets include keyword filters, GA channels, and so on.

  • Stat Widget

Stat widgets provide the raw data, and nothing but the raw data. Ok, that's not exactly true. You get one data point, a label, and optionally a comparison to previous indicator. Stat widgets are great for situations where you want to highlight a very specific, and very important metric that helps to showcase your performance, like number of website sessions, ranking increase, profits, and so on. 

Stat widgets may or may not include a drop down filter, depending on the metric selected. Common filters on these widgets include keyword filters, GA channels, and so on.

  • Sparkline Chart

Sparkline charts are what you would get if a line chart and a stat widget had a baby! These show the overall, top level data for the selected metric, with a basic chart (with no legend) below. These widgets are great for showing clients total performance, while still providing some context via the simple chart. The top level data point may be a raw number, an up/down/increase/decrease indicator, or something similar, depending on the exact metric chosen. These widgets are available across a wide variety of integrations and metrics, and are one of the most common - and most useful - widgets in our platform.

Sparkline charts may or may not include a drop down filter, depending on the metric selected. Common filters on these widgets include keyword filters, GA channels, and so on.

  • Bar chart

Bar charts are similar to line charts, in that they show the evolution of a metric over time. You'll find the time period on the X-axis, and measurements for the metric in question on the Y-axis, with each bar representing the measurement for the metric on each given date. Whereas line charts focus on illustrating the relation of each data point to the points on either side of it, the bar charts put a greater focus on illustrating the relation of each date's data point in comparison to ALL data points. Examples of metrics available for bar charts are gained/lost backlinks, sessions, pageviews, CTR, and more. 

Bar charts don't include much in the way of customization or filters; only the default options of widget color/name etc are typically available, although certain bar charts may include one drop down filter.

Custom Widgets

Custom widgets allow you to really make the dashboard your own; to tweak it and customize it to meet the exact needs of your agency and your customers. 

  • Title Header

These widgets help to organize your dashboard/reports into sections. With each dashboard containing up to 50 widgets, large customer dashboard implementations can get a little overwhelming if not broken up and organized properly. Use Title Headers to create the perfect organization schema for your dashboard for the best possible end user experience. 

Customization options for title headers include text, color, theme, size, and position.

  • Text Box

Text boxes are the "crown jewel" or our custom widget options. The possibilities with these are nearly limitless. Add custom commentary, embed a screenshot, add your client's logo... the list goes on. We highly recommend employing these to summarize your clients data and help them to understand the background behind the numbers that they're seeing.

Customization options are nearly limitless. Change font size and color, apply formatting, upload images, change the box's size and position and more.

  • Google Sheets table

Google Sheets table widget let you embed a full Google Sheet into a report or dashboard. Perfect for including custom spreadsheets of sales data or any other data that's pertinent to your customer's marketing campaign. You can even export data from a 3rd party integration that we don't natively support into a Google Sheet (we recommend using Zapier.com to help with this) and then pull the sheet into our platform.

Customization options are limited to selecting the sheet to embed from your Google Drive account, and to customizing the size/position of the widget.

  • Google Sheets Stat

Similar to our normal Stat widgets, these widgets allow you to display the content of any arbitrary cell from a Google Sheet in your Google Drive account. These widgets are perfect for showing customers a crucially important marketing metric that we don't natively support. Examples here might include data on leads, customer success surveys, sales, and so on. You're only limited by your imagination!

Customization options include selecting the sheet to embed from your Google Drive account, selecting the cell from which to display content, and customizing the size, position, color, theme, and title of the widget.

Did this answer your question?