Introduction to Charts & Graphs

Estimated Reading Time:  3 minutes

Overview

Data visualization tools, like charts and graphs are a great way to gather insights from a data set. In the Module Builder, the Charts & Graphs group of components display aggregated statistics of your data.

Charts & Graphs components include:

You'll find the Charts & Graphs components in the Charts & Graphs group to the left of the Module Builder.

NOTE  In Express View, these components display as widgets. Widgets can display data as numeric metrics, tables, or charts, so your end-users can interact with it.

What You'll Learn

In this article, you'll learn what each Charts & Graphs component does.

What Are the Charts & Graphs Components?

Let's look at each of the Charts & Graphs components.

Chart Component

The Chart component makes it easy to add different types of charts to your module. This component loops through every index of a data structure, then displays numerical values in the chart.

With the Chart component, you can choose from the following chart types:

Bar

Funnel

Pie

Bubble

Heatmap

Scatter

Column

Line

Spline

Here's an Express View Express View is how your end-user views you application. Express View also lets you preview your applications to test your configuration and view the styling. After configuring a module, click Preview in the Module Editor to interact with the module in Express View example of a bar and column chart in action:

KPI (Key Performance Indicator) Component

Sometimes you want to measure the performance of a particular activity. For example, you might want to see the number of submissions in your dashboard. You can achieve this example by adding a KPI component to your dashboard. KPIs are a great way to measure and view a key metric.

Here's a KPI widget in Express View Express View is how your end-user views you application. Express View also lets you preview your applications to test your configuration and view the styling. After configuring a module, click Preview in the Module Editor to interact with the module in Express View, displaying the total number of accounts (submissions) in a dashboard:

Map Component

You'll notice a Map and a Map v2 component. The Map component is a basic chart-like component that displays a map chart. The Map v2 component uses Google Maps to display an interactive Google Maps view.

Here's an example of how a Map widget looks in Express View Express View is how your end-user views you application. Express View also lets you preview your applications to test your configuration and view the styling. After configuring a module, click Preview in the Module Editor to interact with the module in Express View:

Map v2 Component

The Map v2 component uses Google Maps to display an interactive Google Maps view for your end-user End-Users are the individuals accessing an application through Express View. In most cases, end-users are the customers using the product.. The simplest way to use the Map v2 component is to use it with an Address Search component. Once configured, your end-user can enter their address in Express View and the component pinpoints their location on the map.

Here's an example of the Map v2 widget in Express View Express View is how your end-user views you application. Express View also lets you preview your applications to test your configuration and view the styling. After configuring a module, click Preview in the Module Editor to interact with the module in Express View: