This demo shows how we can utilize specific features of JointJS for modeling complex dynamic systems using a discrete-event abstraction. Use elements, links, and ports, which are the basic building of JointJS, to visualize a sequenced input to a system, and any immediate state changes that occur.
Change the position of elements in the diagram using drag and drop.
The source code of this demo is available as part of the JointJS+ commercial license. Don't have a license yet? Start a trial and use the source code of this and many other demos for free, with no obligations, for 30 days.