Admin Graph Screenshots

From CoGepedia
Revision as of 12:12, 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 calculated 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 notebook appears to hold entirely genomes (green nodes).

Graph Screen 9.png

Moving some of the nodes around makes the graph clearer.

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).