Skip to main content

Schematic Editor

Create interactive schematics with shapes, images, and live variable data to visualize processes and enhance dashboards.

Updated over a week ago

Using the Schematic Editor, you can create schematics to supplement the infographics in your dashboards or presentations.

Access the editor by navigating to Applications in the left-hand navigation and selecting Schematic Editor. From there, you can choose to create a New Schematic or Browse Schematics to display all schematics available to your role.

Creating a New Schematic

To create a new schematic:

  1. Open Applications → Schematic Editor

  2. Click New Schematic

  3. A blank canvas will open where you can begin building your schematic

Working with Nodes

Nodes are the building blocks of a schematic. Each node represents a shape, image, text label, or variable.

To add a node, click and drag a node from the left sidebar to anywhere on the canvas

You can resize, reposition, or delete nodes at any time. Common actions are available through keyboard shortcuts such as Backspace/Delete, Ctrl + C (copy), and Ctrl + V (paste), as well as through the action buttons located above the canvas.

Editing Node Properties

When a node is selected, its properties appear in the Properties Panel.

From here you can:

  • Change colors

  • Adjust stroke width

  • Edit labels or text (if applicable)

  • Configure variable behavior (if applicable)

Connecting Nodes with Edges

Nodes include handles, which are small connection points used to create edges.

To connect nodes:

  1. Click any node to view its handles and all other handles an edge can be connected to

  2. Drag from a handle on one node

  3. Drop the connection onto a handle on another node

This creates an edge between the two nodes.

When creating or selecting an edge, you can customize its appearance and behavior, including:

  • Arrowheads on one or both ends, or no arrowheads

  • Line style, such as solid or dashed

  • Edge path type, including straight, step, smooth step, or bezier paths

These options allow you to clearly represent direction, flow, and hierarchy within your schematic.

Edges can also be delete in the same was as nodes, using Backspace/Delete or the Delete button above the canvas.

Using Variables

Variables allow schematics to display live or time-based process data.

  • Variables can be placed like other nodes

  • When viewed in dashboards, variable values update automatically

  • Timeframes and data behavior are configured in the Properties Panel

Selection Mode

Selection mode allows you to select multiple nodes and edges at once, allowing you to copy/cut and paste, or bulk delete elements of your schematic

Saving a Schematic

To save your schematic:

  1. Click the Save icon in the top toolbar

  2. Enter a name

  3. Select an organization

  4. Confirm to save

Saved schematics can be reused across dashboards and presentations.

Examples

Boiler Schematic.png
Schematic Builder.png
Did this answer your question?