Supplementary Materials

Artistoo: build, share, and explore simulations of cells and tissues in the web browser

Interactive Simulations

Simulation 1

An example of an explorable simulation, as depicted in Figure 1b. Drag the sliders to change parameters in this simulation of a migrating cell; see (Niculescu et al., 2015) for details on the model used.


Simulation 2

Interactive version of the ”Game of Life” simulation in Figure 1c. This classic model by John Conway is a Cellular Automaton (CA), in which pixels switch between two states (0-1) according to the number of neighbouring pixels in state 1.


Simulation 3

Interactive version of the ”Cell migration” simulation in Figure 1c. This model once again depicts a migrating cell as defined in (Niculescu et al., 2015), but now lets the cell migrate between two obstacles.


Simulation 4

Interactive version of the ”Cell sorting” simulation in Figure 1c. This classic model was the first CPM as developed by Graner and Glazier (Graner and Glazier, 1992). It contains two types of cells, and the adhesion between neighbouring cells depends on their type. This results in spontaneous sorting of the two mixed cell populations, as is visible in this simulation.


Simulation 5

Interactive version of the ”Dividing cells” simulation in Figure 1c. In this model, cells have a probability of dividing after each step of the CPM simulation.


Simulation 6

Interactive simulation of ”collective migration”. This simulation is an extension of Interactive Simulation S1, but now contains more than one cell and allows users to tune more different CPM parameters. See also Application S1. This simulation also serves as an example of how interactive CPM simulations can be used to tune parameters.


Applications

The following applications demonstrate how interactive simulations can be embedded in teaching, research, and science communication.

Application S1: Teaching Material

An example exercise used to for teaching workshops on the CPM for beginning users. Readers are free to use this material in their own education. Open the pdf to view the exercise. This file refers to an online simulation, but the same simulation is included as Interactive Simulation S6.


Application S2: Presentation Slides

An example slideshow containing a live Artistoo simulation. The slides were built using the revealjs framework, which allows users to build slidesets in HTML.


Application S3: Poster website

A website accompanying a conference poster, which can be shared via a QR code on the poster itself.


Source Scripts

The following source scripts are available in our code repository; please refer to the corresponding README to see how to use this code.

Source Script 1

Node version of the ”Game of Life” simulation in Figure 1c. This Artistoo script corresponds to Interactive Simulation S2.

Source Script 2

Node version of the ”Cell migration” simulation in Figure 1c. This Artistoo script corresponds to Interactive Simulation S3.

Source Script 3

Node version of the ”Cell sorting” simulation in Figure 1c. This Artistoo script corresponds to Interactive Simulation S4.

Source Script 4

Node version of the ”Dividing cells” simulation in Figure 1c. This Artistoo script corresponds to Interactive Simulation S5.

Source Script 5

Artistoo node script to run the cell sorting model with a variable grid size; corresponds to Figure 1d.