Display Shape

The Display shape represents output shown on a display device, screen, or monitor. It indicates information presented visually to the user.

What is a Display Shape?

The Display shape represents:

• Screen output and displays
• UI presentations
• Monitor output
• Visual feedback to users
• Console output
• Dashboard displays

According to ISO 5807, this shape specifically represents output to a display device or screen.

When to Use

Use the Display shape for:

• Screen output: "Show results", "Display dashboard", "Present chart"
• UI elements: "Show modal dialog", "Display error message"
• Visual feedback: "Show progress bar", "Display confirmation"
• Console output: "Print to console", "Show log messages"
• Notifications: "Display alert", "Show notification"

Visual Appearance

In DiagramKit.AI, the Display shape appears as:

• Dimensions: 160×80 pixels
• Color: Light blue (#f0f9ff)
• Border: Blue (#2563eb)
• Shape: Curved bottom rectangle (screen-like)

Best Practices

✅ Good Usage

[Process search]
   ↓
<Results found?>
  ↙          ↘
Yes          No
 ↓            ↓
[Display     [Display "No
 results      results found"
 list]        message]

• Use "Display", "Show", or "Present" verbs
• Specify what is being displayed
• Indicate UI elements when relevant
• Show user feedback clearly

❌ Avoid

• ❌ Printing: "Print invoice" (use Document)
• ❌ Processing: "Format data" (use Process)
• ❌ Input: "Get user input" (use Manual Input)
• ❌ Too vague: "Output" (output how?)

Common Examples

Example 1: Error Handling

[Attempt operation]
   ↓
<Success?>
  ↙      ↘
Yes      No
 ↓        ↓
[Display [Display
 success  error
 message] message]

Example 2: Dashboard

[Query analytics data]
   ↓
[Calculate metrics]
   ↓
[Format for display]
   ↓
[Display dashboard
 with charts]

Example 3: Progress Feedback

[Start upload]
   ↓
   ┌←←←←←←←←←←←┐
   ↓           ↑
[Upload chunk] ↑
   ↓           ↑
[Display      ↑
 progress %]  ↑
   ↓           ↑
<Complete?>   ↑
   ↓ No →→→→→→→┘
   ↓ Yes
[Display success]

AI Prompt Tips

add display step to show results
insert a display shape for error message
create display operation for dashboard

Related Shapes

• Document - For printed output
• Data I/O - For general I/O
• Manual Input - For user input
• Process - For data formatting