Skip to content

genome analysis epi page design

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

Design - Genome Analysis: Epidemiological Visualisation

View genome group context in map, tree and metadata summary

Route: /vis

Wireframe

Functions

Main functions

  • View list and summary of metadata properties for group
  • View distribution of group on geographical map
  • View distribution of group on phylogenetic tree

Secondary functions - Common to all Visualisations

  • Metadata displayed in table, in tree node and for given region in map can be changed
  • Genomes displayed in map, in tree and in the table can be filtered based on metadata
  • Only genomes in the group are displayed

Secondary functions - Map

  • Change from country-level to state/province-level to city-level resolution
  • Search for individual locations or genome names
  • Zoom, pan and return to starting layout
  • Metadata summaries are shown graphically for each region with hover/click function

Secondary functions - Tree

  • Clicking on subtree node generates pop-up with following options:
  1. If leaf node, forward to detailed view of genome or in screen pop-up
  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

Secondary functions - Table

  • A graphical summary of each metadata property is shown for the group and for non-group genomes. Users can select which property to look at

Data models

  1. GenomeLocations
  2. GenomePhylo
  3. GroupModel
  4. GroupModels

Components

  1. GenomeWidget > DisplayGenomeWidget
  2. Map > DisplayMap
  3. Tree > DisplayTree
  4. GenomesList > DisplayGenomesList
  5. MetadataDisplayControl
  6. MetadataFilterControl