LogoLogo
  • Docs
  • Connector Configuration
  • Knowledge Base
  • Changelog
  • Get Started
  • The Basics
    • What is Appmixer
    • Appmixer interfaces
      • Appmixer Studio
      • Backoffice
      • SDK Demo
  • Appmixer Studio features
    • What is a flow
    • Creating a flow
    • Sharing a flow
    • Flow examples
      • Forward customer support calls based on PIN
      • Feed customer data to Mailchimp
      • Google Drive document approvals
      • CSV import: calculate average value
    • Creating an Integration template
    • Using Variables to map data
    • Using Modifiers to alter data
    • Implementing logic
    • Troubleshooting errors
    • Visual features
      • Selecting multiple objects
      • Copying objects
      • Zooming in/out
      • Exporting a flow to an Image
      • Renaming a flow
      • Renaming a component
    • Utility modules
      • Webhooks
      • HTTP
      • Filters
      • Scheduling
      • Forms
      • Tasks
      • Language
    • Connected accounts
      • Connecting a new account
      • Managing accounts
    • Data storage
      • Creating a Data storage
      • Editing a Data storage
      • Using Data storage in a flow
    • Insights
      • Logs
      • Dashboard
      • Charts
      • Chart types
      • Data aggregations
    • Changing a password
  • Backoffice features
    • Insights
    • Flows
    • Users
    • Access Control List
    • Services
    • Extra: Creating custom components
  • SDK Demo
    • SDK Demo: Workflow automation
    • SDK Demo: Integration templates
Powered by GitBook
On this page
Export as PDF
  1. Appmixer Studio features
  2. Insights

Charts

PreviousDashboardNextChart types

Last updated 4 years ago

Was this helpful?

CtrlK

Was this helpful?

Now that you know the basics about Logs and Dashboard, let's finally look at how to create Charts in the Appmixer Dashboard.

It all starts by clicking the "Create Chart" button on the right. Once you do that, you'll open the panel where you'll set the Name, default Time range, and Chart type.

Start creating a chart

Note that charts consist of something we call Traces. These represent the data that is visualised in the particular chart and give you the flexibility to even use multiple sources of the data.

In the example below, we want to create something that ends up being a pretty useful pie chart showing the job positions of our customers.

Pie chart

Let's go step by step on how to create such a chart and demonstrate some of the features that await you in the Appmixer Dashboard.

First and foremost, we choose the Pie chart as shown below.

Selecting the Chart Type

Next, we'll need to add the first Trace. In our example, a Trace represents each of the job positions. For the sake of simplicity, all Traces have the same source – a flow that is triggered by a form fill-out and saves data to Data storage. You could, nonetheless, use different sources for different Traces.

Adding a Trace and choosing the data source

To finalise the setup of the first Trace, we may want to filter the data to only visualise one of the positions. Let's start with developers by using one of the Data aggregations – Filter.

Filtering the data

Secondly, we shall add another Traces to visualise data even for the other job positions. To speed things up a little bit, let's look at the final setup knowing we deal with a few pre-defined positions: CTOs, CEOs, and Product Owners.

Overview of data filters across Traces

In the "Options" tab, all we do is renaming the Trace to make the chart easy to understand.

Renaming the Traces

Aaaaaand it's done! ✅

Note that this is just one example of how charts can be created and used. There may be hundreds of use cases that we did not cover here, and that are waiting for you to discover. Before you do that, though, let's learn more about the Chart types and Data aggregations.