Mindmap ​

A mindmap radiates ideas out from a central root — hierarchy is the whole syntax. kymo's editor reads the Mermaid mindmap syntax.

This page works like a quickstart: as you scroll, the pane on the right shows the source and the preview for the section you're reading. Copy grabs the source; ▶ Open in editor loads it into editor.kymo.studio (pick mermaid in the diagram-type dropdown when starting from scratch).

Indentation is structure: each level of indentation makes a node a child of the nearest less-indented line above it. There are no operators — just an outline.

mindmap
  root((kymo))
    Origins
      Long history
      Popularisation
    Research
      On effectiveness
      On automatic creation
    Tools
      Pen and paper
      Diagram as code

▶ Try it in the editor

Node shapes ​

Wrap a node's text in delimiters to change its shape — the same vocabulary as flowcharts, plus two of its own:

Syntax	Shape
id[text]	square
id(text)	rounded
id((text))	circle
id))text((	bang
id)text(	cloud
id	hexagon

Without delimiters, the line itself is the label.

mindmap
  root)kymo studio(
    id1[square]
    id2(rounded)
    id3((circle))
    id4))bang((
    id5)cloud(
    id6{{hexagon}}

▶ Try it in the editor

Status. Mindmap previews on this page and in the editor use the Mermaid renderer; importing mindmaps into kymo's own pipeline (native SVG/PNG/PDF rendering) is on the roadmap.

See also ​

• Timeline — for ideas ordered by time instead of by hierarchy.
• Flowchart — when the connections matter more than the hierarchy.