Skip to content

group builder tree page design

Matt Whiteside edited this page Aug 18, 2016 · 4 revisions

Design - Group Builder for Tree

Create new group by selecting genomes in a tree

Route: /tree

Wireframe

Functions

Main functions

  • Selecting genomes by clicking on subtree or node, adds genomes annotated to that part of the tree to the current selection
  • Clicking create group button, opens group creation dialog with current selection

Secondary functions

  • Subtrees containing currently selected genomes are highlighted. Unselecting these can be achieved by clicking same node in (i.e. toggle with possible notification/pop-up)
  • Clicking on subtree node generates pop-up with following options:
  1. Select/Unselect all genome descendants in the tree
  2. Launch detailed view of subtree (subtree fills view window)
  • Search for genome names in tree
  • Zoom, pan and return to starting layout
  • Genomes matching selected locations listed in table along with metadata. Individual genomes can be removed by clicking delete on table entry
  • Metadata summaries are shown graphically for each subtree with hover/click function that shows specific counts for a datatype
  • Metadata in current genome selection table and in tree can be changed
  • Genomes available in tree and in current genome selection can be filtered based on metadata

Data models

  1. GenomePhylo
  2. GroupModel
  3. GroupModels

Components

  1. GenomeWidget > SelectionGenomeWidget
  2. Tree > SelectionTree
  3. GenomesList > SelectionGenomesList
  4. MetadataDisplayControl
  5. MetadataFilterControl
Clone this wiki locally