Admin Graph Screenshots

From CoGepedia
Revision as of 12:08, 11 June 2015 by Franka1 (Talk | contribs) (Snapshots of the development process of the Admin dashboard's Graph tab.)

Jump to: navigation, search

Snapshots of the development process of the Admin dashboard's Graph tab.

Graph Screen 1.png Adjusting the size and "charge" force of nodes.

Graph Screen 2.png High charge and small size make for visually stunning graphs, but most of the nodes are too small to interact with properly.

Graph Screen 3.png Even when a node's charge is calculating using its size, it doesn't seem to scale in a linear fashion.

Graph Screen 4.png This is a much cleaner balance. Each node has its own space without the graph as a whole spreading out too much.

Graph Screen 5.png Some of the nodes in the "Groups" subtree. The large white node is the "User" subtree.

Graph Screen 6.png More open nodes, showing several layers of depth.

Graph Screen 7.png The large red node is a notebook that has a large number of experiments stored inside.

Graph Screen 8.png When opened, the red appears to have entirely green child objects (genomes).

Graph Screen 9.png An opened usergroup (teal) reveals a multitude of nested notebooks (red).

Graph Screen 10.png A graph angel that naturally arises when looking at our two biggest power-users.

Graph Screen 11.png A fully opened look at the group graph. Black nodes are nodes that could have child objects, but don't.

Graph Screen 12.png The same graph with a filter applied to show public (green), restricted (grey), and deleted data (yellow).