Flow

**Flow** is Nyxhora's powerful workflow visualization and automation tool that helps you map out processes, create diagrams, and automate repetitive tasks. Whether you're designing a business process, planning a project workflow, or documenting system architecture, Flow provides the tools you need.

Key Features of Flow

• **Visual Workflow Builder:** Drag-and-drop interface for creating flowcharts and diagrams
• **Process Automation:** Connect actions to automate repetitive tasks
• **Integration:** Connect with other Nyxhora features and external tools
• **Templates:** Pre-built workflow templates for common processes
• **Collaboration:** Real-time editing and commenting with your team

Use Cases

• **Business Process Mapping:** Document and optimize organizational workflows
• **Project Planning:** Visualize project phases and dependencies
• **System Architecture:** Design and document technical systems
• **Decision Trees:** Map out complex decision-making processes
• **Onboarding Flows:** Create visual guides for new team members

Creating a new Flow diagram in Nyxhora is straightforward:

Creating a New Flow

1. Click the "+" button in the top navigation bar
2. Select "New Flow" from the dropdown menu
3. Enter a name for your flow (e.g., "Customer Onboarding Process")
4. Choose to start with a blank canvas or select a template
5. Click "Create" to open the Flow editor

Flow Editor Interface

The Flow editor consists of several key areas:

• **Canvas:** The main area where you build your workflow
• **Toolbar:** Contains tools for selecting, connecting, and formatting nodes
• **Node Panel:** Library of node types you can add to your workflow
• **Properties Panel:** Configure settings for selected nodes or connections
• **Minimap:** Navigation aid for large workflows (can be toggled on/off)

Basic Elements

Every Flow diagram consists of these fundamental elements:

• **Nodes:** Represent steps, actions, or decision points in your workflow
• **Connections:** Show the relationships and flow between nodes
• **Groups:** Organize related nodes into logical sections
• **Labels:** Add text descriptions to clarify your diagram

**Nodes** are the building blocks of your Flow diagram, representing steps, actions, or decision points:

Adding Nodes

1. Click on a node type in the Node Panel
2. Drag it onto the canvas, or click to add it at the center
3. Position the node where you want it in your workflow

Node Types

Nyxhora Flow offers various node types for different purposes:

• **Start/End:** Indicate the beginning and end of a process
• **Process:** Represent a task or action to be performed
• **Decision:** Create branching paths based on conditions
• **Input/Output:** Show data entering or leaving the process
• **Connector:** Link to another part of the diagram or another flow
• **Delay:** Indicate a waiting period or scheduled delay
• **Subprocess:** Represent a nested workflow within the main flow

Configuring Nodes

1. Click on a node to select it
2. Use the Properties Panel to configure its settings:
   • Change the node label
   • Add a detailed description
   • Set node-specific properties (e.g., conditions for Decision nodes)
   • Customize appearance (color, size, shape)
   • Configure automation actions (for supported node types)

Moving and Resizing

• **Move:** Click and drag a node to reposition it
• **Resize:** Select a node and drag the handles that appear around it
• **Align:** Use the alignment tools in the toolbar to neatly arrange multiple nodes

**Connections** show the relationships and flow between nodes in your diagram:

Adding Connections

There are several ways to create connections between nodes:

1. **Drag Method:** Click on a node's connection point and drag to another node
2. **Quick Connect:** Select a node and press the "C" key, then click on the target node
3. **Connection Tool:** Select the connection tool from the toolbar, then click on the source node followed by the target node

Connection Types

Different connection types represent different relationships:

• **Standard Flow:** Basic connection showing process flow (solid line)
• **Conditional Flow:** Used with Decision nodes to show different paths based on conditions (labeled)
• **Data Flow:** Represents information moving between nodes (dashed line)
• **Bidirectional:** Indicates flow in both directions (double-headed arrow)

Customizing Connections

1. Click on a connection to select it
2. Use the Properties Panel to configure:
   • Add a label to describe the connection
   • Change the line style (solid, dashed, dotted)
   • Adjust the line thickness
   • Change the arrow style
   • Set conditions (for conditional flows)

Routing Connections

Control how connection lines are drawn:

• **Auto-routing:** The default behavior that automatically routes connections
• **Manual routing:** Add control points by double-clicking on a connection line
• **Orthogonal routing:** Forces connections to use only horizontal and vertical segments
• **Direct routing:** Creates a straight line between nodes

Nyxhora Flow includes several advanced features to enhance your workflow diagrams:

Automation

Turn your visual workflows into automated processes:

• **Action Nodes:** Configure nodes to perform specific actions when triggered
• **Triggers:** Set conditions that initiate the workflow (time-based, event-based, manual)
• **Integrations:** Connect with other Nyxhora features or external services
• **Variables:** Store and manipulate data as it flows through the process
• **Conditional Logic:** Create complex branching based on multiple conditions

Templates and Reusable Components

Save time by reusing common workflow patterns:

• **Save as Template:** Turn any flow into a reusable template
• **Component Library:** Create and store reusable workflow components
• **Import/Export:** Share workflows between teams or workspaces

Collaboration Features

Work together with your team on workflow design:

• **Real-time Editing:** Multiple users can work on the same flow simultaneously
• **Comments:** Add feedback or questions to specific parts of the workflow
• **Version History:** Track changes and revert to previous versions if needed
• **Sharing:** Control who can view or edit your workflows

Analysis and Optimization

Improve your processes with built-in analysis tools:

• **Process Simulation:** Test how your workflow performs with different inputs
• **Bottleneck Detection:** Identify potential slowdowns in your process
• **Metrics Dashboard:** Track key performance indicators for automated workflows
• **Optimization Suggestions:** Receive AI-powered recommendations for improving efficiency