Boxes

Boxes and their Links

Boxes can be laid out in rows and columns, a layout sometimes called 'Flexbox layout'. Each box has an informative tooltip.

In these diagrams, when you click you stop the informative tooltip moving and it stays where it is. You can then click on any of the hyperlinks within the tooltip.

Box based Navigator

Example boxes - Visual index into biochemical pathways

IMAGE:NAME=svg

This uses a 'flexbox' layout to position the boxes. As usual the boxes are zones. They provide further details on hover. They change colour on mouseover,

Box based Flowcahrt

Example boxes - Used for a flowchart

IMAGE:NAME=svg

This chart has rounded boxes as well as rectangular, again in a flexbox layout. Additionally this chart has arrows between the boxes, making it into a flowchart.

Next: Curves