Last updated
Export Formats
- PNG — for embedding in documents, wikis, and presentations
- SVG — scalable vector format for web pages and high-resolution printing
- PDF — for formal documentation and printing
- Mermaid syntax — for embedding in Markdown (GitHub, GitLab, Notion)
The Flowchart Maker on TechConverter.me provides all standard flowchart symbols, smart auto-routing connectors, swim lane support, and multiple export formats — making it easy to create professional process diagrams directly in the browser.
Examples
Example 1: Algorithm Flowchart — Binary Search
Standard flowchart symbols used:
○ Oval: Start / End
□ Rectangle: Process / Action
◇ Diamond: Decision (Yes/No)
∥ Parallelogram: Input / Output
Binary Search Algorithm:
○ START
↓
∥ Input: sorted array, target value
↓
□ Set low = 0, high = array.length - 1
↓
◇ low ≤ high?
├─ No → ∥ Output: "Not found" → ○ END
└─ Yes ↓
□ mid = Math.floor((low + high) / 2)
↓
◇ array[mid] == target?
├─ Yes → ∥ Output: mid (index found) → ○ END
└─ No ↓
◇ array[mid] < target?
├─ Yes → □ low = mid + 1 → (loop back to "low ≤ high?")
└─ No → □ high = mid - 1 → (loop back to "low ≤ high?")
Example 2: User Authentication Flow
○ START: User submits login form
↓
□ Validate email format
↓
◇ Valid format?
├─ No → ∥ Show "Invalid email" error → ○ END
└─ Yes ↓
□ Look up user by email in database
↓
◇ User found?
├─ No → ∥ Show "Invalid credentials" → ○ END
└─ Yes ↓
□ Compare password hash
↓
◇ Password matches?
├─ No → □ Increment failed attempts
│ ↓
│ ◇ Attempts ≥ 5?
│ ├─ Yes → □ Lock account for 15 min → ∥ Show lockout message → ○ END
│ └─ No → ∥ Show "Invalid credentials" → ○ END
└─ Yes ↓
□ Generate session token
↓
□ Set session cookie
↓
∥ Redirect to dashboard
↓
○ END
Example 3: Order Processing Workflow (Swim Lanes)
Swim lanes show which team/system handles each step:
Customer Lane:
○ Place order → ∥ Receive confirmation email
Payment System Lane:
□ Process payment → ◇ Payment approved?
├─ No → ∥ Notify customer of failure
└─ Yes → □ Capture funds
Warehouse Lane:
□ Pick items → □ Pack order → □ Generate shipping label
Shipping Lane:
□ Hand off to carrier → □ Update tracking → ∥ Deliver to customer
Customer Service Lane:
◇ Customer issue? → □ Handle return/refund