Create Data Visualizations Based On Adobe Commerce 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 Adobe Commerce data for use in data visualizations. This article shows how to connect to Adobe Commerce in Connect AI, connect to Adobe Commerce data in Mode, and create a simple visualization using that data.

CData Connect AI provides a pure cloud-to-cloud interface for Adobe Commerce, allowing you to build data visualizations from live Adobe Commerce 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 Adobe Commerce, leveraging server-side processing to quickly return the requested Adobe Commerce data.

Configure Adobe Commerce Connectivity for Mode

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

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

2. Select "Adobe Commerce" from the Add Connection panel
👁 Selecting a data source

3. Enter the necessary authentication properties to connect to Adobe Commerce.

   Adobe Commerce uses the OAuth 1 authentication standard. To connect to the Adobe Commerce REST API, obtain values for the OAuthClientId, OAuthClientSecret, and CallbackURL connection properties by registering an app with your Adobe Commerce system. See the "Getting Started" section in the help documentation for a guide to obtaining the OAuth values and connecting.

   You will also need to provide the URL to your Adobe Commerce system. The URL depends on whether you are using the Adobe Commerce REST API as a customer or administrator.

   • Customer: To use Adobe Commerce as a customer, make sure you have created a customer account in the Adobe Commerce homepage. To do so, click Account -> Register. You can then set the URL connection property to the endpoint of your Adobe Commerce system.

   • Administrator: To access Adobe Commerce as an administrator, set CustomAdminPath instead. This value can be obtained in the Advanced settings in the Admin menu, which can be accessed by selecting System -> Configuration -> Advanced -> Admin -> Admin Base URL.

     If the Use Custom Admin Path setting on this page is set to YES, the value is inside the Custom Admin Path text box; otherwise, set the CustomAdminPath connection property to the default value, which is "admin".

   👁 Configuring a connection (Salesforce is shown)
   
4. Click Save & Test
5. Navigate to the Permissions tab in the Add Adobe Commerce Connection page and update the User-based permissions. 👁 Updating 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. 👁 Creating a new PAT
   
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 Adobe Commerce data from Mode.

Connect to Adobe Commerce in Mode

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

1. Log-in to Mode 👁 Logging In
   
2. In the top-left corner of the screen, click the down-arrow next to your name and select Connect a Database... 👁 Selecting Connect to Database
   
3. On the next screen, select Microsoft SQL Server. 👁 Selecting 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, Adobe Commerce1).
   • 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. 👁 Configuring connection settings
   
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. 👁 New database connection added.
   

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 [Adobe Commerce].[Products];
   		

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

   We have now created a visualization of Adobe Commerce 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!