flowviz.app valid

FlowViz

FlowViz (https://flowviz.app) is a free, local-first Mermaid diagram editor that runs in the browser. Write Mermaid v11 syntax, see the diagram render live, and export it as SVG or PNG. Flowcharts can also be edited on the canvas (two-way editing): change a node's label, shape or colour and the Mermaid source updates. No account, no signup, no install — diagrams are stored in the user's browser and are not uploaded unless the user deliberately creates a short link. Diagrams can be shared as URLs

Their llms.txt

The beginning of the file, from our validated copy saved 2026-10-25T19:10:28.941Z. Cached copy · Source on flowviz.app

# FlowViz

> FlowViz (https://flowviz.app) is a free, local-first Mermaid diagram editor that runs in the browser. Write Mermaid v11 syntax, see the diagram render live, and export it as SVG or PNG. Flowcharts can also be edited on the canvas (two-way editing): change a node's label, shape or colour and the Mermaid source updates. No account, no signup, no install — diagrams are stored in the user's browser and are not uploaded unless the user deliberately creates a short link. Diagrams can be shared as URLs that carry the diagram source, so a link fully reproduces the diagram.

FlowViz supports every diagram type that ships with Mermaid v11 — 21 types are documented with copy-paste examples on the cheatsheet: flowcharts, sequence diagrams, class diagrams, state diagrams, entity-relationship diagrams, Gantt charts, git graphs, pie charts, mindmaps, timelines, quadrant charts, sankey diagrams, XY charts, block diagrams, architecture diagrams, user journey diagrams, requirement diagrams, C4 diagrams, kanban boards, radar charts, and packet diagrams.

Last updated: 2026-09-24

## Giving a user a diagram link

1. Percent-encode the Mermaid source (JavaScript encodeURIComponent, or Python urllib.parse.quote(src, safe='')): newline = %0A, space = %20, never +. Also encode ( ) ' * ! as %28 %29 %27 %2A %21. Leave Chinese, emoji and other non-ASCII characters unencoded: write 设计, not %E8%AE%BE%E8%AE%A1.
2. Link = https://flowviz.app/app#m= + the encoded source + %0A
3. Before encoding, make sure the Mermaid is valid: quote node labels that contain ( ) : or quotes (A["text (x)"]), keep each sequence message on one line, quote multi-word ER relationship labels, and use valid ER ends (||, o|, |{, o{ …; never ||--{).
4. Give it as a markdown link, not in a code block: [Open in FlowViz](link). No spaces or line breaks inside the URL.

Example: the two-line diagram "flowchart TD" + newline + "  A[Start] --> B[End]" becomes [Open in FlowViz](https://flowviz.app/app#m=flowchart%20TD%0A%20%20A%5BStart%5D%20--%3E%20B%5BEnd%5D%0A)

Full rules, an encoding table and tested examples for ten diagram types: https://flowviz.app/docs/share-links.md (Markdown) or https://flowviz.app/docs/share-links (HTML).

## Docs

- [Share links for AI assistants (Markdown)](https://flowviz.app/docs/share-links.md): How to write a https://flowviz.app/app#m= link that opens a diagram in the editor, with an encoding table and tested examples.
- [Share links for developers](https://flowviz.app/docs/share-links#developers): Both link formats (#m= plain, #z= compressed), Mermaid Live import, the ?ref=, ?theme= and ?view= parameters, and a JavaScript helper.
- [Mermaid themes (Markdown)](https://flowviz.app/themes.md): Ten free Mermaid diagram themes with copy-ready frontmatter or %%{init}%% config, how Mermaid theming works (base theme + themeVariables), and which platforms honour custom themes. To open a diagram in a theme, add ?theme=<slug> before the #: https://flowviz.app/app?theme=ocean
…

Machine-readable: GET /v1/resolve?q=flowviz.app · GET /v1/domain/flowviz.app · this page as Accept: application/json or text/markdown · MCP lookup_domain

Automatically discovered from public files. Inclusion does not imply endorsement or publisher participation.

Claim my listing on Agent Web Map for flowviz.app:
1. POST https://agentwebmap.com/v1/sites/flowviz.app/claims and keep claim_id and claim_secret private.
2. Publish the verification line "AgentWebMap verification: <token>" (token from step 1) in https://flowviz.app/llms.txt, or use the DNS, meta-tag or well-known method the response describes. This only verifies the listing; your website and domain remain yours.
3. POST https://agentwebmap.com/v1/sites/flowviz.app/verify with {"claim_id": "...", "claim_secret": "..."}.
4. Save the api_key from the answer; it manages the listing (PATCH https://agentwebmap.com/v1/sites/flowviz.app).
MCP equivalent: tools begin_ownership_claim, then verify_domain, at https://agentwebmap.com/mcp. Docs: https://agentwebmap.com/docs#verify

Corrections or removal requests: contact the directory.