Skip to content

Interface Overview

This page give a short orientation of the full application.

Screenshot: annotated screenshot pointing out the navbar, graph area, and sidebar

Layout

The app window is split into four main areas:

  • The status bar, directly above the graph, tells you what happened after each action and can show you the history of all messages.
  • The interactive tree graph, showing the current tree as an interactive Cytoscape graph. You can pan, zoom and click on or shift nodes.
  • The interaction cards, containing a stack of (collapsible) interaction cards, each controlling or adjusting a different aspect the graph on the left of the stack.

Interaction cards

The first two cards — Tree Information and Node Information — are always visible, the other cards can expanded or collapsed by clicking their header

Interaction Card Purpose
Tree Information Summary of the currently loaded tree
Node Information Details and diagnostic plots for the currently selected node
New Tree Fit a new tree, or save/load one
Edit Tree Collapse, expand, and restyle the tree view
Layout Control how the tree graph is laid out on screen
Highlight Trace a specific data point's path through the tree

Selecting a node

Clicking a node in the graph area is how you select it. The currenclty selected node is used by the Node Information card and is a requirmend for several actions in the Edit Tree card (e.g. "Collapse/expand selected node"). When a node is selected it has a yellow outline.