ProChart

Professional diagrams your team can trust—AI when you want it, governance when you need it

Author Mermaid on an infinite canvas, iterate with an assistant that understands your workspace, and keep every project under your organization. Share with confidence: roles, invites, and database-enforced access—not a shared link that anyone can forward.

Session-based sign-in, org-scoped data, and Postgres row-level security—not anonymous paste bins.

Invite people by email; they join your org with the same identity—no mystery guests.

Watch a mock prompt → diagram · Browse all diagram examples · Speech-to-diagram by industry — Mermaid renders in-browser on this page (no API key required here).

Everything you need to go from idea to diagram

A focused workspace for technical diagrams: chat beside the canvas, themes that match your brand, and structure that scales when your team does.

AI-assisted editing

Ask in natural language, use slash commands, or @mention a diagram block. The assistant works in context of your workspace—without turning your canvas into a generic chatbot.

Infinite canvas & workspaces

Pan and zoom across diagrams and notes, organize work into projects and workspace tabs, and undo with confidence while you explore layouts.

Mermaid-first rendering

Full Mermaid support with Futuristic and other themes, live preview, and exports that stay faithful to what you see—ideal for docs, reviews, and RFCs.

Diagram types that match reality

Flowcharts, sequences, class diagrams, and more—switch types and keep sources tidy as your system design evolves.

Per-workspace chat

Each tab keeps its own conversation and model context, so parallel workstreams stay separate and easy to revisit.

Bring your own model key

Connect Gemini with a key you control (or environment-provided keys in deployment). Your prompts and keys stay in settings you manage.

Dictation & quick input

Speak in supported browsers, float and resize the chat panel, and keep the diagram surface clear while you compose.

Organizations & roles

Create an organization before using the app: you start as admin, then invite members and admins. Projects and visibility follow the org—not loose files on disk.

Voice and chat

Speech and prompts become diagrams

Use dictation in supported browsers or type naturally in chat. The assistant rewrites intent into Mermaid on your canvas—the same renderer as the live app, locally in your browser on these examples.

Watch staged prompt animations · Open ProChart

IT & platform

Turn an incident or architecture description into a sequence or flow.

"Draw a sequence: client hits the API gateway, gateway validates JWT with auth service, then forwards to the app service."

Resulting diagram

Rendering diagram…
Logistics

Map handoffs between warehouses, carriers, and customers.

"Flowchart: order placed, warehouse picks and packs, carrier picks up, last-mile delivery, proof of delivery."

Resulting diagram

Rendering diagram…
Marketing

Show campaign stages and channel splits for stakeholders.

"Pie chart: channel budget split Search 38, Social 24, Email 18, Partnerships 20."

Resulting diagram

Rendering diagram…
Product & engineering

Sketch release phases and dependencies for planning reviews.

"Gantt: two sections Platform and Product with overlapping tasks in Q3."

Resulting diagram

Rendering diagram…
Security

Access enforced where your data lives

We designed the product so "who can see this?" is answered by your org and database policies—not by whoever has a URL. Sign-in ties users to real accounts; projects are stored in PostgreSQL with row-level security aligned to membership.

  • Authenticated sessions. Protected routes require a valid session; ProChart does not expose your projects to anonymous traffic.
  • RLS-aware storage. Visibility rules are enforced in the database layer for org-scoped work, reducing the risk of "UI-only" security mistakes.
  • API keys you own. Model credentials are stored in your settings (or deployment env), not broadcast on public pages.

Privacy at a glance

We treat your diagrams and chat as workspace data tied to your account and organization. Read our Privacy policy for how information is handled, and our Terms for acceptable use. For enterprise evaluations, align retention and access with your own security review—we document the architecture so you can.

Access & sharing

Share inside the org, not across the open internet

Collaboration is built around organizations: invite colleagues by email (magic link), assign admin or member roles, and use teams to mirror how your group actually works. When you are ready, move work from private drafts into org-visible projects—without losing the thread of who approved access.

Email invites

Send a secure invite link; recipients sign in with the same email you invited—no shared passwords floating in chat.

Members & admins

Org creators start with admin control; promote others to help manage membership and structure as the team grows.

Purposeful visibility

Project and workspace visibility follow your rules: keep work private until you deliberately share within the org or with the right collaborators.

See a prompt become a diagram

Staged previews: the prompt types out automatically, a short “updating canvas” beat plays, then the Mermaid diagram renders here in your browser. No Gemini or other remote calls—just local layout and the same renderer as the live workspace.

Sequence diagram

Mock chat → canvas (replay anytime).

You

Assistant

Waiting for your prompt…

Flowchart

Same flow: type → think → diagram.

You

Assistant

Waiting for your prompt…

Want the full set? Open interactive route.

Example diagrams

More examples on the landing page, with every snippet rendered by the same Mermaid engine as the app.

Request flow

Input request routes through validation and processing.

flowchart
Rendering diagram…

Checkout handshake

User, app, gateway, and DB message exchange.

sequenceDiagram
Rendering diagram…

Domain classes

User/project/workspace relationships.

classDiagram
Rendering diagram…

Ticket lifecycle

How work items move from intake to close.

stateDiagram-v2
Rendering diagram…

Entity model

Team, service, and incident relational model.

erDiagram
Rendering diagram…

User journey

End-user satisfaction per phase.

journey
Rendering diagram…

Open full examples route (all diagram types)

Mermaid project, MIT license & how we stay compliant

Organizations and governance

Every project belongs to an organization you control. That gives you a single place to manage who is in, what they can administer, and how work is grouped—whether you are a small team or a program with multiple streams.

  • Start in a private workspace; promote content to org-visible projects when stakeholders should see it.
  • Owners and admins manage invites, membership, and teams without sharing generic admin passwords.
  • PostgreSQL backs persistence so audits and backups can follow your standard data practices.

Ready to try it? Open workspace or sign in.