Browse queriesAskGL
Process Flow Diagram
Generate visual process flows and workflows
- Creates
- Html
- Setup
- Instant
- Starting points
- 1 version
Ready-to-use query
Change the subject, details, or style before you run it.
/write
Create a visual process flow diagram.
Process Name: {{processName}}
Steps: {{steps}}
Style: {{style}}
Include Icons: {{includeIcons}}
The diagram should include:
- Process title
- Step boxes with descriptions
- Connecting arrows/lines
- Decision points if needed
- Color coding
- Icon indicators
Design principles:
- Clear flow direction
- Consistent spacing
- Readable text
- Logical grouping
- Professional appearance
- SVG-based for scaling
Create using HTML/CSS/SVG. Return complete process diagram.
Return complete, runnable output with clean structure and sensible defaults.
Prioritize readability, accessibility, and maintainability.
!Be concrete and specific; avoid vague language.
!Return only the final output.
>html