Architype

Architype lets you quickly visualize directed graphs. It is designed for realtime use during system and process design discussions.

Try it live at architype.io

Interface

Architype is designed to be used on devices with keyboards (hence the "type") and optionally mice/touchscreens. It can be used completely without the latter.

The screen is divided into two panels:

• The editor, on the left, where you interactively define the components of your graph.
• The visualization, on the right, where the results are displayed.

Keys

Generally lowercase and uppercase versions of a key have related but opposite functions, for some meaning of "opposite". For example, lowercase n creates a new node line below the current line, while uppercase n (shift + n) creates a new node line above the current line.

Limited vi key mappings are supported. Keys behavior is expected to match user expectation across contexts in the UI.

Navigation

• ↓ j Move down the current list
• ↑ k Move up the current list
• → l ⏎ Enter (edit) the current list or item
• ← h ␛ Exit the current list or item