# Working with Canvas

## Basics of Canvas

**Add and Edit Nodes**

Select a node on a toolbar and click on it; the node will be added to the flow and automatically connect to the selected node on canvas.

<figure><img src="https://3263174655-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2Ft2TZFevDoRrOBI2rPK1p%2Fuploads%2FGyP292goZ6rtfMWmvmtv%2FNewNode.png?alt=media&#x26;token=05a5da51-6aeb-4b06-9400-5c648e600fdc" alt=""><figcaption></figcaption></figure>

Click the right mouse button to open the context menu, where you can:

* rename the node
* duplicate
* disconnect the node from the previous one in the flow
* delete

#### **Connect Nodes**

If no nodes were previously selected on the canvas and a new node was added, you will see a blue frame around the canvas and sign "Select input node." You need to select a node to connect to and click on it; a new node will be connected to the selected one.

You can disconnect the node via the context menu.

<figure><img src="https://3263174655-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2Ft2TZFevDoRrOBI2rPK1p%2Fuploads%2FX9pYYj3p1HNWQF7qX7j4%2FDisconnect%20Node.png?alt=media&#x26;token=afcc4574-7b3d-44c3-a1a3-b95ab1289919" alt=""><figcaption></figcaption></figure>

#### **Multi-node selection**

<figure><img src="https://3263174655-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2Ft2TZFevDoRrOBI2rPK1p%2Fuploads%2FJBIyCXotW9S9kxLs8IWC%2FMultiNode.png?alt=media&#x26;token=571c4371-d33f-4cc0-8f77-4685a52ba1d8" alt=""><figcaption></figcaption></figure>

You can select multiple nodes, see [instructions](#multi-nodes-selection), and then:

* drag-and-drop selected nodes on the canvas
* delete all selected nodes via the context menu
* group nodes, see [instruction](https://docs.tabula.io/data-flows/designing-flows/flow-designer-guide/using-groups)
* add the union transform to merge selected datasets

## Canvas Controls

#### Multi-nodes selection

* **Mouse:** Shift + Left button - hold and drag
* **Trackpad:** Shift + Imitation of the left button - hold and drag

<figure><img src="https://3263174655-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2Ft2TZFevDoRrOBI2rPK1p%2Fuploads%2Fv8hAE8TovIwpPgnMjZim%2FDrag.png?alt=media&#x26;token=17a64205-07ab-42f7-8a45-807f969e8124" alt=""><figcaption></figcaption></figure>

#### Zoom in and out

* **Mouse:** Hold down  ⌘ Command (Mac) or Ctrl (Windows) and scroll the mouse wheel up to zoom in or down to zoom out.
* **Trackpad:** Pinch two fingers together to zoom out or stretch two fingers apart to zoom in
* **Hotkeys:**
  * Zoom in: Shift +
  * Zoom out: Shift -
  * Zoom to fit: Shift 1

## **Canvas Menu**

<figure><img src="https://3263174655-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2Ft2TZFevDoRrOBI2rPK1p%2Fuploads%2FymWZTyurCCHZLvznjBpE%2FCanvasMenu.png?alt=media&#x26;token=f39aeb0c-10af-4002-b544-87abbb805db5" alt=""><figcaption></figcaption></figure>

#### **Centralize**

Use the centralize button on the lower right corner of the canvas to reset zoom and canvas position.

#### **Minimap**

Hover over the centralize button and wait till the menu is opened; select a minimap to see the whole flow at a glance.

#### Text Note

Hover over the centralize button and wait until the menu opens; select a note. You can change a note's color text and move it around the canvas.&#x20;

Open the context menu on the right mouse button to remove or duplicate the note.