This visualizer allows you to see the how the connections between different layers change over time.

Layers

The labelled squares represent the layers, and the dashed line linking them represents a connection between them. Clicking on the dashed line will show you the data being transferred.

Running the Simulation

At the bottom of the screen, you will see a black bar that lets you see how the layers interact over time. At the left of the bar, you will see the time the simulated event occurs, in the centre you will see a blue scrollbar which shows how near completion the simulation is and can be used to jump to certain parts of the simulation. Finally, at the right of the black bar you will see the simulation controls, these let you stop and start the simulation as well as other options which can be seen by hovering over the available buttons.

Control Menu

In the top right of the screen is the control menu which includes the ability to modify the attributes of the layers on the screen as well as save and exit the simulation.

It also has the option to save the attributes styling you modified and input the styling from other simulations. The input text must be in the proper format, which you can copy to the clipboard with the copy styles button.