Create Data Visualizations Based On Typeform Data in Mode

Mode is a collaborative data platform that combines SQL, R, Python, and visual analytics in one place. When paired with CData Connect AI, you get instant, cloud-to-cloud access to Typeform data for use in data visualizations. This article shows how to connect to Typeform in Connect AI, connect to Typeform data in Mode, and create a simple visualization using that data.

CData Connect AI provides a pure cloud-to-cloud interface for Typeform, allowing you to build data visualizations from live Typeform data in Mode — without replicating the data to a natively supported database. In order to create visualizations, users write SQL queries to gather data. Using optimized data processing out of the box, CData Connect AI pushes all supported SQL operations (filters, JOINs, etc.) directly to Typeform, leveraging server-side processing to quickly return the requested Typeform data.

Configure Typeform Connectivity for Mode

Connectivity to Typeform from Mode is made possible through CData Connect AI. To work with Typeform data from Mode, we start by creating and configuring a Typeform connection.

1. Log into Connect AI, click Sources, and then click Add Connection

2. Select "Typeform" from the Add Connection panel

3. Enter the necessary authentication properties to connect to Typeform.

   Start by setting the Profile connection property to the location of the TypeForm Profile on disk (e.g. C:\profiles\TypeForm.apip). Next, set the ProfileSettings connection property to the connection string for TypeForm (see below).

   TypeForm API Profile Settings

   Authentication to TypeForm uses the OAuth standard.

   To authenticate to TypeForm, you must first register and configure an OAuth application with TypeForm here: https://admin.typeform.com/account#/section/tokens. Your app will be assigned a client ID and a client secret which can be set in the connection string. More information on setting up an OAuth application can be found at https://developer.typeform.com/get-started/.

   Note that there are several different use scenarios which all require different redirect URIs:

   • CData Desktop Applications: CData desktop applications (Sync, API Server, ArcESB) accept OAuth tokens at /src/oauthCallback.rst. The host and port is the same as the default port used by the application. For example, if you use http://localhost:8019/ to access CData Sync then the redirect URI will be http://localhost:8019/src/oauthCallback.rst.
   • CData Cloud Applications: CData cloud applications are similar to their desktop counterparts. If you access Connect AI at https://1.2.3.4/ then you should use the redirect https://1.2.3.4/src/oauthCallback.rst.
   • Desktop Application: When using a desktop application, the URI https://localhost:33333 is recommended.
   • Web Application: When developing a web application using the driver, use your own URI here such as https://my-website.com/oauth.

   After setting the following connection properties, you are ready to connect:

   • AuthScheme: Set this to OAuth.
   • InitiateOAuth: Set this to GETANDREFRESH. You can use InitiateOAuth to manage the process to obtain the OAuthAccessToken.
   • OAuthClientId: Set this to the Client Id that is specified in your app settings.
   • OAuthClientSecret: Set this to Client Secret that is specified in your app settings.
   • CallbackURL: Set this to the Redirect URI you specified in your app settings.
   
4. Click Save & Test
5. Navigate to the Permissions tab in the Add Typeform Connection page and update the User-based permissions.

Add a Personal Access Token

When connecting to Connect AI through the REST API, the OData API, or the Virtual SQL Server, a Personal Access Token (PAT) is used to authenticate the connection to Connect AI. It is best practice to create a separate PAT for each service to maintain granularity of access.

1. Click on the Gear icon () at the top right of the Connect AI app to open the settings page.
2. On the Settings page, go to the Access Tokens section and click Create PAT.
3. Give the PAT a name and click Create.
4. The personal access token is only visible at creation, so be sure to copy it and store it securely for future use.

With the connection configured and a PAT generated, you are ready to connect to Typeform data from Mode.

Connect to Typeform in Mode

The steps below outline connecting to CData Connect AI from Mode to create a new Typeform data source.

1. Log-in to Mode
2. In the top-left corner of the screen, click the down-arrow next to your name and select Connect a Database...
3. On the next screen, select Microsoft SQL Server.
4. Enter the Microsoft SQL Server credentials:
   • Display Name: the name for the connection.
   • Host/Port: enter tds.cdata.com in the Host field and 14333 in the Port field.
   • Database name: enter the Connection Name of the CData Connect AI data source you want to connect to (for example, API1).
   • Username: enter your CData Connect AI username. This is displayed in the top-right corner of the CData Connect AI interface. For example, [email protected]
   • Password: enter the PAT you generated on the Settings page
   Leave the rest of the connection settings at their default values unless you need to modify them.
5. At the bottom of the page, click Connect to ensure that you can connect to CData Connect AI.
6. Upon success, the following screen appears.

Your connection is now available for use in Mode. To connect to additional data sources from your CData Connect AI account, repeat the setup steps above, changing the value for Database for each data source.

Creating A Mode Visualization

To create a visualization in Mode, follow these steps:

1. On the current screen, click New Report. The SQL query text editor appears. Enter the following query:

   
   			SELECT * FROM [API].[Tags];
   		

   Click Run. The app now shows the query result:
2. Running the query activates the New Chart tab. Click this tab and select Pie Chart.
3. Now, drop a dimension in the Color section and a measure in the Angle section.

   We have now created a visualization of Typeform data in Mode using CData Connect AI!

Get CData Connect AI

To get live data access to hundreds of SaaS, Big Data, and NoSQL sources directly from your cloud applications, try CData Connect AI today!