Difference between revisions of "Admin Graph Screenshots"
(→Snapshots of the development process of the Admin dashboard's Graph tab.) |
|||
| Line 2: | Line 2: | ||
== Snapshots of the development process of the Admin dashboard's Graph tab. == | == Snapshots of the development process of the Admin dashboard's Graph tab. == | ||
[[File:Graph_Screen_1.png]] | [[File:Graph_Screen_1.png]] | ||
| − | + | Adjusting the size and "charge" force of nodes. | |
[[File:Graph_Screen_2.png]] | [[File: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. | |
[[File:Graph_Screen_3.png]] | [[File: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. | |
[[File:Graph_Screen_4.png]] | [[File: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. | |
[[File:Graph_Screen_5.png]] | [[File:Graph_Screen_5.png]] | ||
| − | + | Some of the nodes in the "Groups" subtree. The large white node is the "User" subtree. | |
[[File:Graph_Screen_6.png]] | [[File:Graph_Screen_6.png]] | ||
| − | + | More open nodes, showing several layers of depth. | |
[[File:Graph_Screen_7.png]] | [[File:Graph_Screen_7.png]] | ||
| − | + | The large red node is a notebook that has a large number of experiments stored inside. | |
[[File:Graph_Screen_8.png]] | [[File:Graph_Screen_8.png]] | ||
| − | + | When opened, the red appears to have entirely green child objects (genomes). | |
[[File:Graph_Screen_9.png]] | [[File:Graph_Screen_9.png]] | ||
| − | + | An opened usergroup (teal) reveals a multitude of nested notebooks (red). | |
[[File:Graph_Screen_10.png]] | [[File:Graph_Screen_10.png]] | ||
| − | + | A graph angel that naturally arises when looking at our two biggest power-users. | |
[[File:Graph_Screen_11.png]] | [[File:Graph_Screen_11.png]] | ||
| − | + | A fully opened look at the group graph. Black nodes are nodes that could have child objects, but don't. | |
[[File:Graph_Screen_12.png]] | [[File:Graph_Screen_12.png]] | ||
| − | + | The same graph with a filter applied to show public (green), restricted (grey), and deleted data (yellow). | |
Revision as of 12:08, 11 June 2015
Snapshots of the development process of the Admin dashboard's Graph tab.
Adjusting the size and "charge" force of nodes.
High charge and small size make for visually stunning graphs, but most of the nodes are too small to interact with properly.
Even when a node's charge is calculating using its size, it doesn't seem to scale in a linear fashion.
This is a much cleaner balance. Each node has its own space without the graph as a whole spreading out too much.
Some of the nodes in the "Groups" subtree. The large white node is the "User" subtree.
More open nodes, showing several layers of depth.
The large red node is a notebook that has a large number of experiments stored inside.
When opened, the red appears to have entirely green child objects (genomes).
An opened usergroup (teal) reveals a multitude of nested notebooks (red).
A graph angel that naturally arises when looking at our two biggest power-users.
A fully opened look at the group graph. Black nodes are nodes that could have child objects, but don't.
The same graph with a filter applied to show public (green), restricted (grey), and deleted data (yellow).
