---
title: "Cartesian Operator"
slug: "cartesian-operator"
description: "Learn how the Cartesian operator generates all possible combinations from two arrays, perfect for analyzing data and tracking marketing strategies."
updated: 2025-11-11T16:20:15Z
published: 2025-11-12T14:27:26Z
canonical: "docs.unqork.io/cartesian-operator"
---

> ## Documentation Index
> Fetch the complete documentation index at: https://docs.unqork.io/llms.txt
> Use this file to discover all available pages before exploring further.

# Cartesian Operator

UDesignerClassic Designer

![Settings panel for Cartesian category with fields for label and type.](https://cdn.us.document360.io/15548f06-2fba-434c-b0c1-5df88317dbd7/Images/Documentation/image(239).png?sv=2026-02-06&spr=https&st=2026-11-08T03%3A56%3A44Z&se=2026-11-08T04%3A56%3A44Z&sr=c&sp=r&sig=3TmXgIzOtqvKSa2LbGjXXFwim024Xes3m6epiI%2FfeRg%3D)The **Cartesian** **operator** inputs two arrays and outputs a single array. The two arrays must be structured as a table with two rows because this operator only has one input port. This new array contains each possible combination of the source arrays’ values. The output displays as a set of ordered pairs. For example, source arrays of `["A", "B"]` and `[1,2]` produce the combinations `[["A",1], ["A",2], ["B",1], ["B",2]]`. This function is like a Cross Join, or Cartesian Product, in SQL coding language.

A common comparison involves a deck of cards. A standard deck includes an array of 13 different values (`two`, `three`, `four`, and so on), when considering the cards by rank. But, when considering the cards by suits, the deck includes an array of four values (`clubs`, `hearts`, `spades`, and `diamonds`). If you apply the Cartesian operator to these two arrays, the output is a single array of 52 ordered pairs. Each ordered pair represents a card in the deck.

This operator lets you create all possible combinations using rows of data. Let’s say you’re tracking the success of your company's marketing strategies. The Cartesian operator helps track the success of these strategies across different demographics. You can use the Cartesian operator to generate the combinations of that data.

You’ll find the Cartesian operator in the [Table](/v1/docs/tableoperators) group to the left of the [Data Workflow](/v1/docs/data-workflow-component) canvas.

## About the Info Window

Here's a breakdown of each setting in the Info window:

| Setting | Description |
| --- | --- |
| Category | Grayed out and non-adjustable setting indicating the operation type. |
| Label | Sets the label for your operator, displaying below the operator on your Data Workflow canvas. This field is optional, but set a label if you use more than one of the same operator type. A label helps you identify your operators without opening any Info windows. |
| Preserve Argument Type | When selected, this setting ensures the argument data type is respected when the operator executes. |
| Type | Select an option from the drop-down to determine how to input the data. You can select an array or a comma-separated list. |
| Field Label | Enter the field/key you want the Cartesian operator to act on. This is the name of the two arrays. |

## Adding a Cartesian Operator

To see this operator in action, you'll create a simple module. You'll begin with some sample data and use a Data Workflow and Cartesian operator to view all of the possible combinations.

> [!NOTE]
> These instructions assume that you have a new module open, saved, and with a title.

### Configure the Data Table Component

Begin with a two-column [Data Table](/v1/docs/data-table-component) component. Column **A** stores the values `x`, `y`, `z`, and Column **B** stores the values `1`, `2`, `3`. There are nine ordered pairs after you pass the data to a Cartesian operator.

1. In the Module Builder, drag and drop a **Data Table** component onto your canvas.
2. In the **Property ID** field, enter `dtSampleData`.
3. In the data table, enter the following:

| # | A | B |
| --- | --- | --- |
| 1 | x | 1 |
| 2 | y | 2 |
| 3 | z | 3 |

![Data table displaying columns A, B, C, and D with sample entries.](https://cdn.us.document360.io/15548f06-2fba-434c-b0c1-5df88317dbd7/Images/Documentation/image(244).png?sv=2026-02-06&spr=https&st=2026-11-08T03%3A56%3A44Z&se=2026-11-08T04%3A56%3A44Z&sr=c&sp=r&sig=3TmXgIzOtqvKSa2LbGjXXFwim024Xes3m6epiI%2FfeRg%3D)
4. Click **Save Component**.

### Configure your Data Workflow Component

Use an [Input](/v1/docs/input-operator) operator to bring your data into the [Data Workflow](/v1/docs/data-workflow-operators). From there, use two [Col2Array](/v1/docs/col2array-operator) operators to convert your data table into two separate arrays. Then, pass the data to a [Create Table](/v1/docs/create-table-operator) operator and two [Set](/v1/docs/setoperator) operators to pass the arrays as one input to your Cartesian operator. Lastly, connect your Cartesian operator to a [Console](/v1/docs/console-operator) operator to view the results.

1. Drag and drop a **D****ata Workflow** component onto your canvas, placing it below your **Data Table** component.
2. In the **Property ID** and **Canvas Label Text** fields, enter `dwfCartesian`.

#### Configure the Input Operator

Use an [Input](/v1/docs/input-operator) operator to bring your data into the Data Workflow.

1. Drag and drop an **Input** operator onto your Data Workflow canvas.
2. Configure the operator’s **Info** window as follows:

| Setting | Value |
| --- | --- |
| Category | Input |
| Component | dtSampleData |
| Required | Yes |
| Source | Default |

#### Configure the First Col2Array Operator

This operator converts Column **A** from your data table to an array.

1. Drag and drop a **Col2Array** operator onto your Data Workflow canvas.
2. Configure the operator’s **Info** window as follows:

| Setting | Value |
| --- | --- |
| Category | Col2Array |
| Label | Column A |
| Preserve Argument Type | ![](https://cdn.us.document360.io/15548f06-2fba-434c-b0c1-5df88317dbd7/Images/Documentation/icon_unchecked(1).png?sv=2026-02-06&spr=https&st=2026-11-08T03%3A56%3A44Z&se=2026-11-08T04%3A56%3A44Z&sr=c&sp=r&sig=3TmXgIzOtqvKSa2LbGjXXFwim024Xes3m6epiI%2FfeRg%3D) (unchecked) |
| Drop Empty |  |
| Path | A |
| Default Value |  |
3. Connect the output port (right) of the `dtSampleData` **Input** operator to the input port (left) of the `Column A` **Col2Array** operator.

#### Configure the Second Col2Array Operator

Set up the second [Col2Array](/v1/docs/col2array-operator) operator to convert Column **B** from your data table to an array.

1. Drag and drop another **Col2Array** operator onto your Data Workflow canvas.
2. Configure the operator’s **Info** window as follows:

| Setting | Value |
| --- | --- |
| Category | Col2Array |
| Label | Column B |
| Preserve Argument Type | ![](https://cdn.us.document360.io/15548f06-2fba-434c-b0c1-5df88317dbd7/Images/Documentation/icon_unchecked(1).png?sv=2026-02-06&spr=https&st=2026-11-08T03%3A56%3A44Z&se=2026-11-08T04%3A56%3A44Z&sr=c&sp=r&sig=3TmXgIzOtqvKSa2LbGjXXFwim024Xes3m6epiI%2FfeRg%3D) (unchecked) |
| Drop Empty |  |
| Path | B |
| Default Value |  |
3. Connect the output port (right) of the `dtSampleData` **Input** operator to the input port (left) of the `Column B` **Col2Array** operator.

#### Configure the Create Table Operator

The Cartesian operator only allows one input, so you must bring your two arrays together. Use a [Create Table](/v1/docs/create-table-operator) operator and two [Set](/v1/docs/set-operator) operators to combine both arrays into a table.

1. Drag and drop a **Create Table** operator onto your Data Workflow canvas.
2. Configure the operator’s **Info** window as follows:

| Setting | Value |
| --- | --- |
| Category | Create Table |
| Label |  |
| Preserve Argument Type | ![](https://cdn.us.document360.io/15548f06-2fba-434c-b0c1-5df88317dbd7/Images/Documentation/icon_unchecked(1).png?sv=2026-02-06&spr=https&st=2026-11-08T03%3A56%3A44Z&se=2026-11-08T04%3A56%3A44Z&sr=c&sp=r&sig=3TmXgIzOtqvKSa2LbGjXXFwim024Xes3m6epiI%2FfeRg%3D) (unchecked) |
| Create Index | No |
| Rows | 1 |

#### Configure the First Set Operator

Use two [Set](/v1/docs/setoperator) operators to add your arrays to your empty table. The first Set operator puts the values `x`, `y`, and `z` into the path `[0].value`. So, the array `[x,y,z]` is the output from the `Column A` **Col2Array** operator. The Set operator sets it as the value of an object at index `0` of the array.

1. Drag and drop a **Set** operator onto your Data Workflow canvas.
2. Configure the operator’s **Info** window as follows:

| Setting | Value |
| --- | --- |
| Category | Set |
| Label | [0].value |
| Preserve Argument Type | ![](https://cdn.us.document360.io/15548f06-2fba-434c-b0c1-5df88317dbd7/Images/Documentation/icon_unchecked(1).png?sv=2026-02-06&spr=https&st=2026-11-08T03%3A56%3A44Z&se=2026-11-08T04%3A56%3A44Z&sr=c&sp=r&sig=3TmXgIzOtqvKSa2LbGjXXFwim024Xes3m6epiI%2FfeRg%3D) (unchecked) |
| Path | [0].value |
| Value |  |
3. Connect the output port (right) of the **Create Table** operator to the upper input port (left) of the `[0].value` **Set** operator.
4. Connect the output port (right) of the `Column A` **Col2Array** operator to the bottom input port (left) of the `[0].value` **Set** operator.

#### Configure the Second Set Operator

The second [Set](/v1/docs/setoperator) operator puts the values `1`, `2`, and `3` into the path `[1].value` of the same table. So, the array `[1,2,3]` is the output from the `Column B` **Col2Array** operator. The Set operator sets it as the value of an object at index `1` of the array.

1. Drag and drop another **Set** operator onto your Data Workflow canvas.
2. Configure the operator’s **Info** window as follows:

| Setting | Value |
| --- | --- |
| Category | Set |
| Label | [1].value |
| Preserve Argument Type | ![](https://cdn.us.document360.io/15548f06-2fba-434c-b0c1-5df88317dbd7/Images/Documentation/icon_unchecked(1).png?sv=2026-02-06&spr=https&st=2026-11-08T03%3A56%3A44Z&se=2026-11-08T04%3A56%3A44Z&sr=c&sp=r&sig=3TmXgIzOtqvKSa2LbGjXXFwim024Xes3m6epiI%2FfeRg%3D) (unchecked) |
| Path | [1].value |
| Value |  |
3. Connect the output port (right) of the `[0].value` **Set** operator to the upper input port (left) of the `[1].value` **Set** operator.
4. Connect the output port (right) of the `Column B` **Col2Array** operator to the bottom input port (left) of the `[1].value` **Set** operator.

#### Configure the Cartesian Operator

The Cartesian operator now arranges the values into an output of ordered pairs in a single array.

1. Drag and drop a **Cartesian** operator onto your Data Workflow canvas.
2. Configure the operator’s **Info** window as follows:

| Setting | Value |
| --- | --- |
| Category | Cartesian |
| Label | Value |
| Preserve Argument Type | ![](https://cdn.us.document360.io/15548f06-2fba-434c-b0c1-5df88317dbd7/Images/Documentation/icon_unchecked(1).png?sv=2026-02-06&spr=https&st=2026-11-08T03%3A56%3A44Z&se=2026-11-08T04%3A56%3A44Z&sr=c&sp=r&sig=3TmXgIzOtqvKSa2LbGjXXFwim024Xes3m6epiI%2FfeRg%3D) (unchecked) |
| Type | Array |
| Field Label | value |
3. Connect the output port (right) of the `[1].value` **Set** operator to the input port (left) of the `Value` **Cartesian** operator.

#### Configure the Console Operator

A [Console](/v1/docs/console-operator) operator lets you view the outputs of your module in the DevTools Console. That way, you can ensure your Cartesian operator is configured correctly.

1. Drag and drop a **Console** operator onto your Data Workflow canvas.
2. Configure the operator’s **Info** window as follows:

| Setting | Value |
| --- | --- |
| Category | Console |
| Label | Output |
3. Connect the output port (right) of the `Value` **Cartesian** operator to the input port (left) of the `Output` **Console** operator.
4. Click **Save Component**.

![](https://cdn.us.document360.io/15548f06-2fba-434c-b0c1-5df88317dbd7/Images/Documentation/image(250).png?sv=2026-02-06&spr=https&st=2026-11-08T03%3A56%3A44Z&se=2026-11-08T04%3A56%3A44Z&sr=c&sp=r&sig=3TmXgIzOtqvKSa2LbGjXXFwim024Xes3m6epiI%2FfeRg%3D)

### Configure the Initializer Component

Lastly, add an [Initializer](/v1/docs/initializer-component) component to trigger the Data Workflow.

1. Drag and drop an **I****nitializer** component onto your canvas, placing it above the **Data Table** component.
2. In the **Property ID** and **Canvas Label Text** fields, enter `initCartesian`.
3. From the **Trigger Type** drop-down, select **New Submission**.
4. In the **Outputs** table, enter the following:

| # | Property ID | Type | Value |
| --- | --- | --- | --- |
| 1 | dwfCartesian | trigger | GO |

![Initializer settings with property ID and trigger type for new submissions displayed.](https://cdn.us.document360.io/15548f06-2fba-434c-b0c1-5df88317dbd7/Images/Documentation/image(252).png?sv=2026-02-06&spr=https&st=2026-11-08T03%3A56%3A44Z&se=2026-11-08T04%3A56%3A44Z&sr=c&sp=r&sig=3TmXgIzOtqvKSa2LbGjXXFwim024Xes3m6epiI%2FfeRg%3D)
5. Click **Save Component**.
6. **Save** your module.

The completed example looks like this in the Module Builder:

![Data table initialization with sample data and Cartesian plotting options displayed.](https://cdn.us.document360.io/15548f06-2fba-434c-b0c1-5df88317dbd7/Images/Documentation/image(253).png?sv=2026-02-06&spr=https&st=2026-11-08T03%3A56%3A44Z&se=2026-11-08T04%3A56%3A44Z&sr=c&sp=r&sig=3TmXgIzOtqvKSa2LbGjXXFwim024Xes3m6epiI%2FfeRg%3D)

Now, test your Data Workflow by previewing your module in Express View and opening the DevTools Console. Your `Output` **Console** lists all the possible combinations of your data.

![Console output displaying an array with various elements and their corresponding values.](https://cdn.us.document360.io/15548f06-2fba-434c-b0c1-5df88317dbd7/Images/Documentation/dwf_Cartesian_Console.jpg?sv=2026-02-06&spr=https&st=2026-11-08T03%3A56%3A44Z&se=2026-11-08T04%3A56%3A44Z&sr=c&sp=r&sig=3TmXgIzOtqvKSa2LbGjXXFwim024Xes3m6epiI%2FfeRg%3D)

![Information panel displaying Cartesian category and related fields for data input.](https://cdn.us.document360.io/15548f06-2fba-434c-b0c1-5df88317dbd7/Images/Documentation/Dwf_CartesianOperator_Info_thumb_0_0.png?sv=2026-02-06&spr=https&st=2026-11-08T03%3A56%3A44Z&se=2026-11-08T04%3A56%3A44Z&sr=c&sp=r&sig=3TmXgIzOtqvKSa2LbGjXXFwim024Xes3m6epiI%2FfeRg%3D)The **Cartesian** **operator** inputs two arrays and outputs a single array. The two arrays must be structured as a table with two rows because this operator only has one input port. This new array contains each possible combination of the source arrays’ values. The output displays as a set of ordered pairs. For example, source arrays of `["A", "B"]` and `[1,2]` produce the combinations `[["A",1], ["A",2], ["B",1], ["B",2]]`. This function is like a Cross Join, or Cartesian Product, in SQL coding language.

A common comparison involves a deck of cards. A standard deck includes an array of 13 different values (`two`, `three`, `four`, and so on), when considering the cards by rank. But, when considering the cards by suits, the deck includes an array of four values (`clubs`, `hearts`, `spades`, and `diamonds`). If you apply the Cartesian operator to these two arrays, the output is a single array of 52 ordered pairs. Each ordered pair represents a card in the deck.

This operator lets you create all possible combinations using rows of data. Let’s say you’re tracking the success of your company's marketing strategies. The Cartesian operator helps track the success of these strategies across different demographics. You can use the Cartesian operator to generate the combinations of that data.

You’ll find the Cartesian operator in the [Table](/v1/docs/tableoperators) group to the left of the [Data Workflow](/v1/docs/data-workflow-component) canvas.

## About the Info Window

Here's a breakdown of each setting in the Info window:

| Setting | Description |
| --- | --- |
| Category | Grayed out and non-adjustable setting indicating the operation type. |
| Label | Sets the label for your operator, displaying below the operator on your Data Workflow canvas. This field is optional, but set a label if you use more than one of the same operator type. A label helps you identify your operators without opening any Info windows. |
| Preserve Argument Type | When selected, this setting ensures the argument data type is respected when the operator executes. |
| Type | Select an option from the drop-down to determine how data is input. You can select an array or a comma-separated list. |
| Field Label | Enter the field/key you want the Cartesian operator to act on. This is the name of the two arrays. |

## Adding a Cartesian Operator

To see this operator in action, you'll create a simple module. You'll begin with some sample data and use a Data Workflow and Cartesian operator to view all of the possible combinations.

> [!NOTE]
> These instructions assume that you have a new module open, saved, and with a title.

### Configure the Data Table Component

Begin with a two-column [Data Table](/v1/docs/data-table-component) component. Column **A** stores the values `x`, `y`, `z`, and Column **B** stores the values `1`, `2`, `3`. There are nine ordered pairs after you pass the data to a Cartesian operator.

1. In the Module Builder, drag and drop a **Data Table** component onto your canvas.
2. In the **Property ID** and **Label** fields, enter `dtSampleData`.
3. In the data table, enter the following:

|  | A | B |
| --- | --- | --- |
| 1 | x | 1 |
| 2 | y | 2 |
| 3 | z | 3 |

![Data table displaying sample data with labeled columns and rows for analysis.](https://cdn.us.document360.io/15548f06-2fba-434c-b0c1-5df88317dbd7/Images/Documentation/image(254).png?sv=2026-02-06&spr=https&st=2026-11-08T03%3A56%3A44Z&se=2026-11-08T04%3A56%3A44Z&sr=c&sp=r&sig=3TmXgIzOtqvKSa2LbGjXXFwim024Xes3m6epiI%2FfeRg%3D)
4. Click **Save**.

### Configure your Data Workflow Component

Use an [Input](/v1/docs/input-operator) operator to bring your data into the [Data Workflow](/v1/docs/data-workflow-operators). From there, use two [Col2Array](/v1/docs/col2array-operator) operators to convert your data table into two separate arrays. Then, pass the data to a [Create Table](/v1/docs/create-table-operator) operator and two [Set](/v1/docs/setoperator) operators to pass the arrays as one input to your Cartesian operator. Lastly, connect your Cartesian operator to a [Console](/v1/docs/console-operator) operator to view the results.

1. Drag and drop a **D****ata Workflow** component onto your canvas, placing it below your **Data Table** component.
2. In the **Canvas Label Text** and **Property Name** fields, enter `dwfCartesian`.

#### Configure the Input Operator

Use an [Input](/v1/docs/input-operator) operator to bring your data into the Data Workflow.

1. Drag and drop an **Input** operator onto your Data Workflow canvas.
2. Configure the operator’s **Info** window as follows:

| Setting | Value |
| --- | --- |
| Category | Input |
| Component | dtSampleData |
| Required | Yes |
| Source | Default |

#### Configure the First Col2Array Operator

This operator converts Column **A** from your data table to an array.

1. Drag and drop a **Col2Array** operator onto your Data Workflow canvas.
2. Configure the operator’s **Info** window as follows:

| Setting | Value |
| --- | --- |
| Category | Col2Array |
| Label | Column A |
| Preserve Argument Type | ![](https://cdn.us.document360.io/15548f06-2fba-434c-b0c1-5df88317dbd7/Images/Documentation/icon_unchecked(1).png?sv=2026-02-06&spr=https&st=2026-11-08T03%3A56%3A44Z&se=2026-11-08T04%3A56%3A44Z&sr=c&sp=r&sig=3TmXgIzOtqvKSa2LbGjXXFwim024Xes3m6epiI%2FfeRg%3D) (unchecked) |
| Drop Empty |  |
| Path | A |
| Default Value |  |
3. Connect the output port (right) of the `dtSampleData` **Input** operator to the input port (left) of the `Column A` **Col2Array** operator.

#### Configure the Second Col2Array Operator

Set up the second [Col2Array](/v1/docs/col2array-operator) operator. This operator turns Column B from your Data Table into an array.

1. Drag and drop another **Col2Array** operator onto your Data Workflow canvas.
2. Configure the operator’s **Info** window as follows:

| Setting | Value |
| --- | --- |
| Category | Col2Array |
| Label | Column B |
| Preserve Argument Type | ![](https://cdn.us.document360.io/15548f06-2fba-434c-b0c1-5df88317dbd7/Images/Documentation/icon_unchecked(1).png?sv=2026-02-06&spr=https&st=2026-11-08T03%3A56%3A44Z&se=2026-11-08T04%3A56%3A44Z&sr=c&sp=r&sig=3TmXgIzOtqvKSa2LbGjXXFwim024Xes3m6epiI%2FfeRg%3D) (unchecked) |
| Drop Empty |  |
| Path | B |
| Default Value |  |
3. Connect the output port (right) of the `dtSampleData` **Input** operator to the input port (left) of the `Column B` **Col2Array** operator.

#### Configure the Create Table Operator

The Cartesian operator only allows one input, so you must bring your two arrays together. Use a [Create Table](/v1/docs/create-table-operator) operator and two [Set](/v1/docs/set-operator) operators to combine both arrays into a table.

1. Drag and drop a **Create Table** operator onto your Data Workflow canvas.
2. Configure the operator’s **Info** window as follows:

| Setting | Value |
| --- | --- |
| Category | Create Table |
| Label |  |
| Preserve Argument Type | ![](https://cdn.us.document360.io/15548f06-2fba-434c-b0c1-5df88317dbd7/Images/Documentation/icon_unchecked(1).png?sv=2026-02-06&spr=https&st=2026-11-08T03%3A56%3A44Z&se=2026-11-08T04%3A56%3A44Z&sr=c&sp=r&sig=3TmXgIzOtqvKSa2LbGjXXFwim024Xes3m6epiI%2FfeRg%3D) (unchecked) |
| Create Index | No |
| Rows | 1 |

#### Configure the First Set Operator

Use two [Set](/v1/docs/setoperator) operators to add your arrays to your empty table. The first Set operator puts the values `x`, `y`, and `z` into the path `[0].value`. So, the array `[x,y,z]` is the output from the `Column A` **Col2Array** operator. The Set operator sets it as the value of an object at index `0` of the array.

1. Drag and drop a **Set** operator onto your Data Workflow canvas.
2. Configure the operator’s **Info** window as follows:

| Setting | Value |
| --- | --- |
| Category | Set |
| Label | [0].value |
| Preserve Argument Type | ![](https://cdn.us.document360.io/15548f06-2fba-434c-b0c1-5df88317dbd7/Images/Documentation/icon_unchecked(1).png?sv=2026-02-06&spr=https&st=2026-11-08T03%3A56%3A44Z&se=2026-11-08T04%3A56%3A44Z&sr=c&sp=r&sig=3TmXgIzOtqvKSa2LbGjXXFwim024Xes3m6epiI%2FfeRg%3D) (unchecked) |
| Path | [0].value |
| Value |  |
| Default Value |  |
3. Connect the output port (right) of the **Create Table** operator to the upper input port (left) of the `[0].value` **Set** operator.
4. Connect the output port (right) of the `Column A` **Col2Array** operator to the bottom input port (left) of the `[0].value` **Set** operator.

#### Configure the Second Set Operator

The second [Set](/v1/docs/setoperator) operator puts the values `1`, `2`, and `3` into the path `[1].value` of the same table. So, the array `[1,2,3]` is the output from the `Column B` **Col2Array** operator. The Set operator sets it as the value of an object at index `1` of the array.

1. Drag and drop another **Set** operator onto your Data Workflow canvas.
2. Configure the operator’s **Info** window as follows:

| Setting | Value |
| --- | --- |
| Category | Set |
| Label | [1].value |
| Preserve Argument Type | ![](https://cdn.us.document360.io/15548f06-2fba-434c-b0c1-5df88317dbd7/Images/Documentation/icon_unchecked(1).png?sv=2026-02-06&spr=https&st=2026-11-08T03%3A56%3A44Z&se=2026-11-08T04%3A56%3A44Z&sr=c&sp=r&sig=3TmXgIzOtqvKSa2LbGjXXFwim024Xes3m6epiI%2FfeRg%3D) (unchecked) |
| Path | [1].value |
| Value |  |
| Default Value |  |
3. Connect the output port (right) of the `[0].value` **Set** operator to the upper input port (left) of the `[1].value` **Set** operator.
4. Connect the output port (right) of the `Column B` **Col2Array** operator to the bottom input port (left) of the `[1].value` **Set** operator.

#### Configure the Cartesian Operator

The Cartesian operator now arranges the values into an output of ordered pairs in a single array.

1. Drag and drop a **Cartesian** operator onto your Data Workflow canvas.
2. Configure the operator’s **Info** window as follows:

| Setting | Value |
| --- | --- |
| Category | Cartesian |
| Label | Value |
| Preserve Argument Type | ![](https://cdn.us.document360.io/15548f06-2fba-434c-b0c1-5df88317dbd7/Images/Documentation/icon_unchecked(1).png?sv=2026-02-06&spr=https&st=2026-11-08T03%3A56%3A44Z&se=2026-11-08T04%3A56%3A44Z&sr=c&sp=r&sig=3TmXgIzOtqvKSa2LbGjXXFwim024Xes3m6epiI%2FfeRg%3D) (unchecked) |
| Type | Array |
| Field Label | value |
3. Connect the output port (right) of the `[1].value` **Set** operator to the input port (left) of the `Value` **Cartesian** operator.

#### Configure the Console Operator

A [Console](/v1/docs/console-operator) operator lets you view the outputs of your module in the DevTools Console. That way, you can ensure your Cartesian operator is configured correctly.

1. Drag and drop a **Console** operator onto your Data Workflow canvas.
2. Configure the operator’s **Info** window as follows:

| Setting | Value |
| --- | --- |
| Category | Console |
| Label | Output |
3. Connect the output port (right) of the `Value` **Cartesian** operator to the input port (left) of the `Output` **Console** operator.
4. Click **Save**.

![Workflow diagram illustrating data processing steps including input, table creation, and output.](https://cdn.us.document360.io/15548f06-2fba-434c-b0c1-5df88317dbd7/Images/Documentation/dwf_Cartesian_DWF_thumb_0_0.jpg?sv=2026-02-06&spr=https&st=2026-11-08T03%3A56%3A44Z&se=2026-11-08T04%3A56%3A44Z&sr=c&sp=r&sig=3TmXgIzOtqvKSa2LbGjXXFwim024Xes3m6epiI%2FfeRg%3D)

### Configure the Initializer Component

Lastly, add an [Initializer](/v1/docs/initializer-component) component to trigger the Data Workflow.

1. Drag and drop an **I****nitializer** component onto your canvas, placing it above the **Data Table** component.
2. In the **Property ID** and **Canvas Label Text** fields, enter `initCartesian`.
3. From the **Trigger Type** drop-down, select **New Submission**.
4. In the **Outputs** table, enter the following:

| # | Property ID | Type | Value |
| --- | --- | --- | --- |
| 1 | dwfCartesian | Trigger | GO |

![Display settings for a trigger type and property ID in a user interface.](https://cdn.us.document360.io/15548f06-2fba-434c-b0c1-5df88317dbd7/Images/Documentation/Dwf_CartesianOperator_Init_thumb_0_0.png?sv=2026-02-06&spr=https&st=2026-11-08T03%3A56%3A44Z&se=2026-11-08T04%3A56%3A44Z&sr=c&sp=r&sig=3TmXgIzOtqvKSa2LbGjXXFwim024Xes3m6epiI%2FfeRg%3D)
5. Click **Save & Close**.
6. **Save** your module.

The completed example looks like this in the Module Builder:

![Code snippets for initializing Cartesian data structures and sample data management.](https://cdn.us.document360.io/15548f06-2fba-434c-b0c1-5df88317dbd7/Images/Documentation/Dwf_CartesianOperator_ModBuild_thumb_0_0(1).png?sv=2026-02-06&spr=https&st=2026-11-08T03%3A56%3A44Z&se=2026-11-08T04%3A56%3A44Z&sr=c&sp=r&sig=3TmXgIzOtqvKSa2LbGjXXFwim024Xes3m6epiI%2FfeRg%3D)

Now, test your Data Workflow by previewing your module in Express View and opening the DevTools Console. Your `Output` **Console** lists all the possible combinations of your data.

![Console output displaying an array with various elements and their corresponding values.](https://cdn.us.document360.io/15548f06-2fba-434c-b0c1-5df88317dbd7/Images/Documentation/dwf_Cartesian_Console.jpg?sv=2026-02-06&spr=https&st=2026-11-08T03%3A56%3A44Z&se=2026-11-08T04%3A56%3A44Z&sr=c&sp=r&sig=3TmXgIzOtqvKSa2LbGjXXFwim024Xes3m6epiI%2FfeRg%3D)

An array is a type of object that stores one or more data types. Data types supported in arrays include numbers, strings, and objects.

SQL (Structured Query Language) is language used in programming and designed for managing data contained in a relational database system.

A key-value pair is a fundamental data structure where a unique "key" is associated with a specific "value," used for organizing and retrieving data efficiently, like in dictionaries or databases.

The DevTools Console helps you securely store, build, test, and deploy your software.

Triggers activate another component when certain requirements are met. Trigger types include Concurrent, Post, and Error. Some components do not have the ability to trigger others.

Express View is how your end-user views your application. Express View also lets you preview your applications to test your configuration and view the styling. This is also the view your end-users will see when interacting with your application. After configuring a module, click Preview in the Module Builder to interact with the module in Express View.

The DevTools Console helps you securely store, build, test, and deploy your software.

## Related

- [Data Workflow Operators](/data-workflow-operators.md)
- [Data Workflow Component](/data-workflow-component.md)