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.

Diagram

Start by adding actors

Diagram

Add some steps

Enjoy rich text editing...

Diagram

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

Diagram

Let's add a link to our first step.

Diagram

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.

Diagram

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

Diagram

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

Diagram
© 2021 CodeStory SAS – Paris, FRANCE contact