Menu

Diagrams
Static
50 Python scripts generated for flow chart this week

Flow Chart

Chart overview

A flow chart is a visual representation of a process or algorithm, using standardized shapes and arrows to simplify complex workflows.

Key points

  • It maps out steps, decisions, and data flows in a logical sequence.
  • While tools like Visio exist, creating flow charts with code (using Graphviz) ensures consistency, version control, and automationβ€”perfect for documenting software architecture, business processes, and decision logic.

Example Visualization

Flow chart showing user registration process with decision points

Create This Chart Now

Generate publication-ready flow charts with AI in seconds. No coding required – just describe your data and let AI do the work.

View example prompt
Example AI Prompt

"Create a flow chart illustrating a 'User Registration and Email Verification' process for a web application. Include these steps: Start β†’ 'Enter Email & Password' β†’ Decision: 'Valid Format?' (Yes/No) β†’ If No: 'Show Error' β†’ loop back β†’ If Yes: 'Check if Email Exists' β†’ Decision: 'Already Registered?' β†’ If Yes: 'Redirect to Login' β†’ If No: 'Create Account' β†’ 'Send Verification Email' β†’ 'Wait for Click' β†’ Decision: 'Link Clicked within 24h?' β†’ If No: 'Expire Token' β†’ If Yes: 'Activate Account' β†’ 'Redirect to Dashboard' β†’ End. Use standard flowchart shapes: rectangles for processes, diamonds for decisions, rounded rectangles for start/end. Color-code: green for success paths, red for error paths, blue for user actions."

How to create this chart in 30 seconds

1

Upload Data

Drag & drop your Excel or CSV file. Plotivy securely processes it in your browser.

2

AI Generation

Our AI analyzes your data and generates the Flow Chart code automatically.

3

Customize & Export

Tweak the design with natural language, then export as high-res PNG, SVG or PDF.

Python Code Example

example.py
import numpy as np
import matplotlib.pyplot as plt
import matplotlib.patches as patches
from matplotlib.patches import FancyBboxPatch, Polygon
from matplotlib.path import Path
import matplotlib.patches as mpatches

# Create figure and axis
fig, ax = plt.subplots(figsize=(14, 12))
ax.set_xlim(-12, 12)
ax.set_ylim(-10, 10)
ax.set_aspect('equal')
ax.axis('off')

# Define colors with better contrast
start_color = '#4CAF50'
process_color = '#2196F3'
decision_color = '#FF9800'
end_color = '#F44336'
arrow_color = '#333333'

# Function to draw rectangle with improved styling
def draw_rect(x, y, width, height, text, color, text_color='white'):
    rect = FancyBboxPatch((x-width/2, y-height/2), width, height, 
                          boxstyle="round,pad=0.15", 
                          facecolor=color, edgecolor=arrow_color, linewidth=2.5,
                          alpha=0.9)
    ax.add_patch(rect)
    ax.text(x, y, text, ha='center', va='center', fontsize=11, 
            color=text_color, weight='bold', wrap=True, linespacing=1.3)

# Function to draw diamond for decision with improved styling
def draw_diamond(x, y, size, text, color):
    diamond = Polygon([(x, y+size), (x+size, y), (x, y-size), (x-size, y)],
                     facecolor=color, edgecolor=arrow_color, linewidth=2.5,
                     alpha=0.9)
    ax.add_patch(diamond)
    ax.text(x, y, text, ha='center', va='center', fontsize=11, 
            color='white', weight='bold', wrap=True, linespacing=1.3)

# Function to draw arrow with improved styling
def draw_arrow(x1, y1, x2, y2, text=''):
    ax.annotate('', xy=(x2, y2), xytext=(x1, y1),
                arrowprops=dict(arrowstyle='->', lw=2.5, color=arrow_color,
                              connectionstyle="arc3,rad=0.1"))
    if text:
        mid_x, mid_y = (x1+x2)/2, (y1+y2)/2
        ax.text(mid_x+0.5, mid_y+0.5, text, fontsize=10, 
                bbox=dict(boxstyle="round,pad=0.4", facecolor='white', 
                         alpha=0.9, edgecolor=arrow_color, linewidth=1),
                weight='bold')

# Draw flow chart with improved spacing
# Start
draw_rect(0, 8.5, 3, 1.2, 'START', start_color)

# Enter Email
draw_rect(0, 6.5, 3.5, 1.4, 'Enter Email\n& Password', process_color)
draw_arrow(0, 7.9, 0, 7.2)

# Check if email exists
draw_diamond(0, 4.5, 1.4, 'Email\nExists?', decision_color)
draw_arrow(0, 5.8, 0, 5.2)

# Email exists - Yes branch
draw_rect(-5, 2.5, 3, 1.4, 'Show Error:\nEmail Already\nRegistered', end_color)
draw_arrow(-1.4, 3.8, -3.5, 3.2, 'Yes')

# Email exists - No branch
draw_rect(5, 2.5, 3, 1.4, 'Create User\nAccount', process_color)
draw_arrow(1.4, 3.8, 3.5, 3.2, 'No')

# Send verification email
draw_rect(5, 0.5, 3, 1.4, 'Send Verification\nEmail', process_color)
draw_arrow(5, 1.8, 5, 1.2)

# Email verification decision
draw_diamond(5, -2, 1.4, 'Email\nVerified?', decision_color)
draw_arrow(5, -0.2, 5, -1.2)

# Email not verified
draw_rect(8, -4.5, 3, 1.4, 'Resend Email\nor Cancel', process_color)
draw_arrow(6.4, -2.8, 8, -3.8, 'No')

# Email verified
draw_rect(0, -4.5, 3, 1.4, 'Activate\nAccount', process_color)
draw_arrow(3.6, -2.8, 0, -3.8, 'Yes')

# Show success message
draw_rect(0, -6.5, 3.5, 1.4, 'Show Success:\nRegistration\nComplete', start_color)
draw_arrow(0, -5.2, 0, -5.8)

# End
draw_rect(0, -8.5, 3, 1.2, 'END', end_color)
draw_arrow(0, -7.2, 0, -7.9)

# Add title with better styling - moved higher
ax.text(0, 9.8, 'User Registration Process Flow', 
        ha='center', va='center', fontsize=18, weight='bold',
        bbox=dict(boxstyle="round,pad=0.5", facecolor='lightgray', 
                 alpha=0.3, edgecolor=arrow_color, linewidth=2))

# Add legend with improved styling
legend_elements = [
    mpatches.Patch(color=start_color, label='Start/Success', alpha=0.9),
    mpatches.Patch(color=process_color, label='Process', alpha=0.9),
    mpatches.Patch(color=decision_color, label='Decision', alpha=0.9),
    mpatches.Patch(color=end_color, label='Error/End', alpha=0.9)
]
ax.legend(handles=legend_elements, loc='upper right', bbox_to_anchor=(0.98, 0.92),
         framealpha=0.9, edgecolor=arrow_color, fancybox=True, shadow=True)

# Add registration statistics summary box (replacing the bar chart)


plt.tight_layout()
plt.show()
# END-OF-CODE

Opens the Analyze page with this code pre-loaded and ready to execute

Console Output

Output
Flowchart created: user_registration_flowchart.png
Total Steps: 15
Decision Points: 3
Possible Outcomes: 4 (Success, Error, Already Registered, Expired)

Common Use Cases

  • 1Process documentation
  • 2Algorithm visualization
  • 3Decision tree mapping
  • 4User journey flows

Pro Tips

Use standard shapes (rectangles, diamonds, ovals)

Keep flow direction consistent

Number steps for reference

Free Cheat Sheet

Scientific Chart Selection Cheat Sheet

Not sure whether to use a Violin Plot, Box Plot, or Ridge Plot? Download our single-page reference mapping the most-used scientific chart types, exactly when to use them, and the core Matplotlib/Seaborn functions.

Comparison Charts
Distribution Charts
Time Series Data
Common Mistakes
No spam. Unsubscribe anytime.