Example 7 - Custom Z-Index


This section provides examples of usage of construction of Z-index.


Z-Index for the elements

Z-Index determine the order of the overlapping elements, if they are visualized in the front or back of the map (e.g. element with Z-Index: 2 covers element with Z-Index: 0).

Here you can find two examples of the map with Z-Index used and its descriptions. Upload these to MINERVA to find out more about the term.

Download Map with Z-Index, the file has the following properties:

  • compartment c1: Z-Index: 2 (covers compartment c2)

  • compartment c2: Z-Index: 1

  • species s1: Z-Index: 1 (the most front species)

  • species s2: Z-Index: 0 (s2 is covered by s1 and it covers s3)

  • species s3: Z-Index: -1 (the most bottom species)

On the left side there is CellDesigner file, on the right there is visualization by MINERVA.

Z-index


Download second example, the map with pathways Z-Index, the file has the following properties:

  • compartment c1: Z-Index: 0

  • compartment c2: Z-Index: -1

  • pathway Front: Z-Index: 3

  • pathway Back: Z-Index: 1

  • species s1: Z-Index: 2

  • species s2: Z-Index: 1

  • species s3: Z-Index: 4

  • species s4: Z-Index: -1

Note: Although the element s3 has Z-Index higher than pathway Front and compartment c2, it is not visible on top of the them. Visibility and transparency of compartments and pathways are regulated by semantic zoom setup.

The below image, on the left presents the CellDesigner map, three images on the right present the visualization by MINERVA.


Z-index pathways