Mermaid.js Live Updates From a Server Demo

Click on the edges (guards) to interact with the state machine.
State machine is local to the server replica.
Open the page in multiple browsers and observe interactive changes.
Go offline and back online to experiment with re-connection.

            stateDiagram-v2
              waiting --> working
              working --> aborting
              working --> waiting
              aborting --> waiting
              classDef inProgress font-style:italic, stroke-dasharray: 5 5, stroke-width:3px;
              class waiting inProgress
          

Server-side updates & info

Info Value
Last event
Last error
Visitors active on this replica
Visitors active in the cluster
Server revision
Source github.com/d-led/mermaidlive
Replicas
Total started connections