Cleaner Diagrams, With the One Thing That Matters in Colour
Generated diagrams used to be correct but noisy — a node for every clause you wrote, including the ones that said nothing. Now steps that always happen together arrive as one node, filler is gone, and on flowcharts the one or two nodes you should look at first are picked out in colour. There is deliberately no cap on size: describe a twelve-step process and you still get twelve steps.
- BetterTighter structure — steps that never happen apart now arrive as a single node, and filler like a generic "Start" wrapper that just restates the title is gone. This removes redundancy, not content: a step you actually described is never dropped.
- BetterFlowcharts now highlight what matters — one or two focal nodes, usually the key decision or the success path, get an accent colour so the diagram has an obvious entry point instead of reading as a uniform wall of boxes
- FixedEditing a diagram in chat no longer loses its highlight — a diagram generated in quick mode keeps its accent colour after you refine it in the conversation
A New Name: VizText
The product is now called VizText and lives at viztext.com. Same tool, same canvas, same diagrams — the old name described the output format rather than what you actually do here. Shipped alongside it: three fixes for labels and exports that could break a diagram outright.
- NewNew name and new home — VizText, at viztext.com. The logo, favicon and share cards were redrawn to match.
- FixedClass diagrams no longer break on punctuation in a class name — names carrying characters the parser treats as syntax now go through an alias, fixing 13 of 15 known cases that used to fail to render
- FixedSemicolons and line breaks in sequence labels, and line breaks in Gantt labels, no longer break parsing — six places where an ordinary label could take the whole diagram down
- FixedMind map exports now crop to the content — plus fixes for trailing letters getting clipped, export size drifting with the zoom level, and exporting mid-animation
A Renderer Assistants Can Call, and Four Scenario Tutorials
The renderer is now available on its own — an HTTP endpoint and an MCP server, no model call and no signup. An assistant writing Mermaid can finally check whether its syntax parses and hand you back a picture instead of a wall of code. Alongside that: the tutorials section got a name that matches what is in it, plus four new guides built around diagrams you can open in the canvas with one click.
- NewA render API and an MCP server — check Mermaid syntax with the same parser the canvas uses, and get back an SVG, a PNG, or a link that opens the diagram in the editor
- NewFour new scenario tutorials — order status, API flow, OAuth flow and 2FA flow — each with three ready-to-edit diagrams that open straight into the canvas
- BetterDiagrams inside tutorials are now live — the picture, the Mermaid source, and a one-click link into the editor, instead of a code block you have to copy by hand
- BetterIn chat mode the diagram type picker now starts collapsed, so the conversation gets the room the picker was taking — the current type stays visible, and the picker opens itself when the AI asks which type you want
- BetterThe tutorials section moved to /diagram-tutorials — it was called the architecture diagram guide while holding flowchart, ER and sequence tutorials. Old links redirect.
Templates for Flowcharts, Sequence Diagrams and ERDs
Three more template pages, 24 more ready-made diagrams. Flowcharts with every branch labelled — sign-up, checkout, CI/CD, refunds, incident response. Sequence diagrams with the responses drawn, not just the calls — OAuth, payment callbacks, webhook retries. ER diagrams where every table has a key and every relationship has a cardinality — e-commerce, multi-tenant SaaS, inventory, RBAC. Same two doors as before: open one into the canvas, or take it into chat and describe the changes.
- New8 flowchart templates — every decision has both branches labelled, and every ending is drawn, including the unhappy ones
- New8 sequence diagram templates — responses drawn as dashed arrows, so the diagram is a timeline rather than a call list
- New8 ER diagram templates — primary and foreign keys marked, cardinality on every relationship, many-to-many already split into junction tables
- BetterEach template page carries a syntax cheat sheet for that diagram type, with a tiny worked example per notation
- BetterTemplate previews now fill the card instead of shrinking to fit — tall flowcharts and wide ERDs stay readable
Class Diagram Templates — Start From a Real Diagram
A new templates page with 8 ready-made class diagrams: e-commerce orders, library loans, the strategy pattern, and more. Open one straight into the canvas and edit it, or take it into chat and describe the changes you want. Click any preview to see the full diagram — every field and method — before you pick.
- New8 ready-made class diagram templates — open one into the canvas, take it into chat, or copy the Mermaid source
- NewClick a template preview to see the full diagram at readable size, with every field and method
- BetterTemplates now have their own menu in the top bar, next to Guide
- FixedClass diagram field and method lines render correctly — the type no longer swaps places with the name, and stray double colons are gone
Chat Mode — Assumptions Now Arrive as One Card
Chat no longer asks about its assumptions one at a time. A draft's assumptions now arrive as a single card — kept by default, tick only what you want gone. All 8 diagram types now run on the new chat engine.
- BetterAssumptions arrive as one card — tick what to remove, or ignore it to keep them all
- NewSay "remove X and don't add it back" — it sticks for the rest of the conversation
- FixedRenaming an element keeps its other properties — a database stays a database
- BetterAll 8 diagram types now run on the new chat engine, Auto detect included
Flowchart Quality Upgrade — Decision Branches, Multiline Labels, Explicit Start/End
Flowcharts are dramatically more readable now. Decision branches show YES/NO labels on every arrow. Multiline text in nodes renders correctly (previously showed as bare ids like n8). Every process gets an explicit Start and End node at the top and bottom of the image. Node ids are meaningful (like `isNew` and `metaClassify`) so users can read the raw Mermaid source and understand what each node is.
- BetterDecision (diamond) nodes now show condition labels on every out-edge — you can see which arrow is YES and which is NO
- FixedMultiline text in node labels renders correctly — no more nodes showing as bare ids like `n8` when the label had a line break
- BetterEvery flowchart now has an explicit entry point at the top and exit point at the bottom — visually obvious where the process starts and ends
- BetterNode ids are now meaningful English identifiers (`gateway`, `isNew`, `db_main`) instead of `n1`/`n2`/`n3` — the raw Mermaid source is self-documenting
- BetterStorage nodes (databases, caches, message queues) consistently render as cylinders — visually distinguishable from service nodes
Chat Mode Launch — AI Now Asks Clarifying Questions
The biggest change since launch. When one prompt is not enough, chat with AI — it asks 2-3 clarifying questions about actors, events, and edge cases, then draws. If it makes a wrong assumption, reject it in one click and the diagram redraws without that element.
- NewChat mode with clarifying questions before drawing complex diagrams
- NewConfirmation card after generation — reject AI's assumptions and the diagram redraws
- NewQuota pill in top nav — shows remaining daily generations
- BetterAuto-retry on Mermaid syntax errors — the AI catches and fixes its own bad output
- BetterLogged-in daily rate limit increased from 100 to 500 generations
VizText Launch — 7 Diagram Types from Text
Turn plain English or Chinese into flowcharts, sequence diagrams, ERD, class diagrams, state diagrams, mindmaps, and Gantt charts. Free, no signup. Available on the web and as a Chrome extension.
- NewAuto-detect diagram type from prompt in ~300ms
- New7 diagram types: flowchart, sequence, ERD, class, state, mindmap, Gantt
- NewExport as SVG, PNG, Markdown, or OPML
- NewChrome extension: right-click any selected text to draw a diagram