Connector Shape

The Connector shape is a small circle used to indicate a jump or connection to another point on the same page, avoiding crossing lines in complex flowcharts.

What is a Connector Shape?

The Connector shape represents:

• On-page jump points
• Flow continuation markers
• Line crossing avoidance
• Connection references
• Entry/exit points

According to ISO 5807, this shape indicates a connection to another point on the same page.

When to Use

Use the Connector shape for:

• Avoiding crossed lines: Keep flowcharts clean
• Long-distance connections: Connect distant parts of the same diagram
• Loop back points: Return to earlier steps
• Complex flows: Simplify busy diagrams
• Entry points: Multiple flows entering same step

Visual Appearance

In DiagramKit.AI, the Connector shape appears as:

• Dimensions: 28×28 pixels (small circle)
• Color: Light yellow (#fefce8)
• Border: Yellow (#eab308)
• Shape: Small circle with label

Best Practices

✅ Good Usage

[Process A]
   ↓
  (1)

... elsewhere on same page ...

  (1)
   ↓
[Process B]

• Use matching labels (A, 1, X, etc.)
• Keep pairs visible on same page
• Use letters or numbers for labels
• Minimize connector usage (use sparingly)

❌ Avoid

• ❌ Cross-page connections (use Off-page instead)
• ❌ Unlabeled connectors
• ❌ Overuse (makes diagram hard to follow)
• ❌ Different labels for matching pair

Common Examples

Example 1: Loop Structure

[Initialize counter = 0]
   ↓
  (A)
   ↓
[Process item]
   ↓
[Increment counter]
   ↓
<counter < 10?>
   ↓ Yes
  (A) ←─ Loop back
   ↓ No
[End]

Example 2: Complex Branching

<Type?>
  ↙  ↓  ↘
 A   B   C
 ↓   ↓   ↓
(1) (1) (1)

... later ...

(1)
 ↓
[Common process]

Example 3: Avoiding Crossed Lines

[Step 1]──→[Step 2]
   ↓
  (X)

[Step 3]──→[Step 4]
              ↓
             (X)
              ↓
         [Continue]

AI Prompt Tips

add connector labeled A
insert on-page connector for loop
create connector to avoid crossed lines

Related Shapes

• Off-page Connector - For cross-page connections
• Decision - Often creates need for connectors
• Process - Connected by connectors