Examples

See what you can create with AI Diagram. Each example includes the prompt used — try it yourself.

Flowchart

FlowchartDiagram Editor

User Authentication Flow

A complete login flowchart with credential validation, session creation, failed attempt tracking, and account lockout. Demonstrates decision diamonds, loop-back paths, and terminal states.

Prompt used:

Create a flowchart for user login: user enters credentials, validate format, check against database, if valid create session and redirect to dashboard, if invalid increment attempts, if attempts > 5 lock account, otherwise show error and return to login

Try it in Diagram Editor
FlowchartDiagram Editor

CI/CD Pipeline

A continuous integration and deployment pipeline from code push to production. Covers linting, testing, building, staging deployment, and production release with rollback capability.

Prompt used:

Flowchart for CI/CD pipeline: Developer pushes code → Run linter → Run unit tests → If tests fail, notify team and stop → Build Docker image → Push to container registry → Deploy to staging → Run integration tests → If pass, deploy to production → If fail, rollback and notify

Try it in Diagram Editor

Architecture

ArchitectureDiagram Editor

Microservices Architecture

A cloud-native microservices system with API gateway, service mesh, and message queue. Shows how frontend, backend services, databases, and external APIs connect in a modern architecture.

Prompt used:

Architecture diagram: React frontend connects to API Gateway, which routes to Auth Service, User Service, and Order Service. Auth Service uses Redis for sessions. User Service and Order Service connect to PostgreSQL. Order Service publishes to RabbitMQ, which Payment Service consumes. Payment Service connects to Stripe API.

Try it in Diagram Editor
ArchitectureDiagram Editor

E-Commerce Database ERD

An entity-relationship diagram for an online store database. Includes users, products, orders, order items, categories, and reviews with proper foreign key relationships.

Prompt used:

ERD for e-commerce: Users table (id, name, email, password_hash), Products table (id, name, price, category_id, description), Categories table (id, name), Orders table (id, user_id, status, total, created_at), OrderItems table (id, order_id, product_id, quantity, price), Reviews table (id, user_id, product_id, rating, comment). Show foreign key relationships.

Try it in Diagram Editor
ArchitectureDiagram Editor

Startup Tech Stack Architecture

A typical SaaS startup infrastructure on AWS. Shows the full stack from CDN and load balancer through application servers, databases, caching, and monitoring.

Prompt used:

Architecture diagram for SaaS startup: CloudFront CDN → ALB Load Balancer → ECS Fargate containers (Next.js app) → RDS PostgreSQL (primary + read replica). Fargate also connects to ElastiCache Redis for caching and SES for emails. CloudWatch monitors everything. S3 stores user uploads. Route 53 handles DNS.

Try it in Diagram Editor

Mind Map

Mind MapNotemap

Project Management Mind Map

A comprehensive mind map breaking down project management into planning, execution, monitoring, and closure phases. Each phase includes key activities, tools, and deliverables.

Prompt used:

Mind map for Project Management: Center is 'Project Management'. Branches: Planning (scope definition, timeline, resource allocation, risk assessment), Execution (task assignment, daily standups, sprint cycles, deliverable creation), Monitoring (KPI tracking, budget review, timeline check, quality assurance), Closure (final deliverable, retrospective, documentation, stakeholder sign-off)

Try it in Notemap
Mind MapNotemap

Web Development Learning Path

A learning roadmap mind map for aspiring web developers. Covers HTML/CSS fundamentals, JavaScript, frontend frameworks, backend development, databases, and deployment.

Prompt used:

Mind map for Web Development Learning Path: Center is 'Web Development'. Branches: Fundamentals (HTML, CSS, responsive design, accessibility), JavaScript (ES6+, DOM manipulation, async/await, TypeScript), Frontend (React, state management, routing, testing), Backend (Node.js, REST APIs, authentication, GraphQL), Databases (SQL, PostgreSQL, MongoDB, ORMs), DevOps (Git, CI/CD, Docker, cloud deployment)

Try it in Notemap

Circuit

CircuitCircuit Simulator

4-Bit Adder Circuit

A ripple-carry adder that chains four full adders to add two 4-bit binary numbers. Demonstrates how carry propagates from the least significant bit to the most significant bit.

Prompt used:

Build a 4-bit ripple carry adder by chaining four full adders. Each full adder takes bits A[i], B[i], and Carry_in, producing Sum[i] and Carry_out. The Carry_out of each adder feeds into the Carry_in of the next.

Try it in Circuit Simulator

Resume

ResumeCV Builder

Software Engineer Resume

A clean, ATS-friendly resume layout for a mid-level software engineer. Demonstrates proper section ordering, bullet point formatting, and skill categorization.

Prompt used:

Create a professional resume for a full-stack developer with 4 years of experience. Include header with contact info, professional summary, two work experiences with measurable achievements, education, and categorized technical skills.

Try it in CV Builder

Workflow

WorkflowAI Agent Editor

Customer Support Workflow

An automated customer support workflow with ticket routing, priority classification, SLA tracking, and escalation paths. Shows how AI agents can triage and route support requests.

Prompt used:

Workflow: Customer submits ticket → AI classifies priority (low/medium/high/critical) → Route based on category (billing, technical, account) → If critical, alert on-call engineer immediately → Assign to available agent → Agent resolves or escalates → If SLA breach approaching, auto-escalate to manager → Close ticket and send satisfaction survey

Try it in AI Agent Editor