CodeStory pushes the well-known sequence diagrams to the next level with rich content and Live Code Views popovers.

A note can have a diagram associated to it. Let's create a blank note and add a diagram.

Create a note and add a Diagram

In the Note Inspector use the Add Diagram button.

Start by adding actors

Add some steps

Enjoy rich text editing...

Add messages or notes. Use drag & drop to reorganize.

Link to other notes

Let's add a link to our first step.

Let's create a diagram child note with a Live Code View.

Copy the token (or paste one if you want to point to an existing token) and press Create.

This will open a "quick note" editor.

Close when you're done, but you can make a longer note if you wish.

Notice the blue disc. Hover over it to reveal the note we just created.