Group Tree Component

The Group Tree component displays a network with a "tree structure" (i.e. any node has only one branch connected to it in the direction of the terminal node at the top of the tree). The tree structure can change over time.

At the current stage, we have a simple demonstration of the component which is originally from 243. It contains three basic settings: iteration selector, rate selector, and time step slider. The input data is randomly generated by group-tree.py.

The full design of further features is listed in #361

At the current stage, the three flow rate options are hardcoded in the input data. As the next step, it would be good if we could use a map to store data at each node so that it offers the flexibility of providing a more generic data display.

Another thing to consider is to use WebGL to do the tree render so that it minimizes the lags for displaying large data. Tempest Dashboard has a rather mature library to simplify the experience of setting up WebGL rendering from scratch.