everbeek
commented
9 years ago - three base modes: Path to Root, Term Neighborhood, and Mapping Neighborhood
- a menu button in the top right corner toggles the side bar menu visibility
- node expansions to add related nodes. Each node has a drop down menu attached, allowing the user to add either related terms in the same ontology, or mapped terms in other ontologies. Node expansion is optionally capped when many nodes already exist in the graph. An estimate of the number of available related nodes is given.
- individual nodes from any ontology may be added if their unique URI is provided to a field in the menu
- six layout algorithms available in menu (Center, Circle, Force-Directed, Vertical Tree, Horizontal Tree, and Radial layouts)
- node details are accessible by clicking on the node. A single popup is displayed at a time, until the user clicks anywhere else in the graph.
- hovering over arcs triggers a popup indicating the endpoint node names and the relation type
- node dragging to reposition individual nodes
- undo and redo: both buttons and drop down lists. Can step between any set of changes to the graph's node population, but not things like layouts or display customization
- search for nodes in a dense graph, via field in menu. Will trigger radar blips around each matching node
- sharing of graphs via export and import, via the menu. Export provides json code that another user may paste into the import field, and receive the nodes, their positions and any custom edge colors, that existed at the time of export. Undo/redo state is not transferred.
- filter edge types. Concepts can have different types of relations between them, depending on the ontology, and these may be hidden or re-colored via the menu.
- filter/dim nodes by ontology; can dim out nodes based on their ontology
- filter/dim individual nodes; can dim out individual nodes arbitrarily. can also be accessed via each node's drop down menu, as well as in each node's detailed popup box.
- filter/dim expansion sets, groups of nodes that were added to the graph together, usually via a node expansion
- remove all dimmed/filtered nodes from the graph view (can undo/redo this)
- remove all node filters with button in menu
- hovering over a node in the graph will highlight it and the nodes that are connected to it
- hovering over any of the node filtering checkboxes will highlight the corresponding nodes in the graph
- refocus the graph on a different node; this reloads the visualization in its current mode starting with the specified node (accessed via dropdown menu on each node)
- since mapping arcs generally form densely connected webs, it only displays mapping arcs leading to a node for which a mapping expansion was triggered. Other mapping arcs are made visible whenever one of their endpoint nodes is hovered over.
- arc color and ontology color can be re-assigned by clicking on the sample arc in the arc filter menu, or on the color swatch in the ontology filter menu
Compile a Feature List, and create a clean version of it in the github wiki.
This whole thing makes me think of looking for a virtual mouse in-browser javascript live demo system. There must be things like this. Essentially, I am imagining Tours for the web browser. It is better than a video because the whole thing doesn't need to be redone if something changes (but some things would). If a GUI element moves, it would presumably be located by ID, so the virtual mouse would still go to the right spot...mention this to Peggy and Cassie, because it lets us dodge making videos. See #495.