Fewer tokens.
Better diagrams.

Glypho (.g) is graph notation that's short enough to write by hand and simple enough for AI to learn from a single prompt. Paste it, render it, export SVG or PNG.

Open editor Quickstart

Try it — edit the code

Shorter syntax. Fewer tokens.

The same diagram in three formats. Count the tokens.

Glypho 17 tokens

>LR
a:c Hungry
b:d "Cook?"
c:r Eat
a>b
b>c yes

Mermaid 28 tokens

graph LR
  a([Hungry]) --> b{Cook?}
  b -->|yes| c[Eat]

DOT 52 tokens

digraph {
  rankdir=LR
  a [label="Hungry" shape=ellipse]
  b [label="Cook?" shape=diamond]
  c [label="Eat" shape=box]
  a -> b
  b -> c [label="yes"]
}

Token counts are approximate (cl100k_base). See the editor for exact counts on your own diagrams.

Use Glypho your way

Open the editor for the fastest path, use the CLI in scripts, or install the packages in your app.

Fastest path Editor

Paste code. Export diagrams.

Built for people arriving from ChatGPT, Claude, Mermaid, or DOT. Paste, render, tweak, then export SVG or PNG.

Open editor

Paste Glypho, Mermaid, or DOT
See the diagram update live
Export SVG or PNG

Automation CLI

Render, convert, inspect.

Use the CLI in build scripts, content pipelines, or terminals where you want SVG and PNG output without opening the editor.

npm install -g @glypho/cli

glypho render diagram.g -f png

glypho from mermaid flow.mmd

glypho info diagram.g

View CLI package

Integration Packages

Parse and render in code.

Add the parser and renderer when you want custom workflows in Node.js, the browser, or React.

npm install @glypho/parser @glypho/renderer

Parser Renderer

Parse .g, convert formats, render SVG strings, or mount the React component.