Difference between revisions of "Pedigree Chart Visualization"

From Protein Prediction 2 Winter Semester 2014
 
Line 1: Line 1:
  +
A pedigree chart is a simple and easy to read diagram showing the occurrence and appearance or phenotypes of a particular gene in an organism and its ancestors. Pedigrees use a standardized set of symbols:
You can use these notes as template for your presentation.
 
  +
*squares: males
(It is always great to add your own, custom flavor)
 
  +
*circles: females
  +
*diamonds: the sex of the person is unknown
  +
*filled-in (darker) symbol: someone with the phenotype in question
  +
*shaded or half-filled symbol: heterozygotes
  +
*horizontal and a vertical line: connects parents to their offspring
  +
*....
   
  +
=== 1. GUI mockups ===
 
  +
=== Project Ideas ===
  +
  +
  +
=== GUI mockups ===
   
 
* User experience
 
* User experience
Line 21: Line 31:
 
Tip: showing some images (Photoshop, Gimp, Inkscape, ...) makes it easier to follow your ideas
 
Tip: showing some images (Photoshop, Gimp, Inkscape, ...) makes it easier to follow your ideas
   
=== 2. Application design ===
+
=== Application design ===
   
 
* Expected technical difficulties
 
* Expected technical difficulties
 
* Fancy libraries you plan to use
 
* Fancy libraries you plan to use
   
  +
.[[File:dataFormat.png|350px|right|thumb|tree.json]]
=== 3. Your data ===
 
   
  +
=== Your data ===
* D3 layouts requires specific data structure for trees. ('''tree.json''')
 
[[File:dataFormat.png]]
 
   
  +
* D3 layouts requires specific data structure for trees
=== 4. Roadmap ===
 
  +
=== Roadmap ===
   
 
* Week 1
 
* Week 1
  +
* Week 2

Latest revision as of 06:15, 19 November 2014

A pedigree chart is a simple and easy to read diagram showing the occurrence and appearance or phenotypes of a particular gene in an organism and its ancestors. Pedigrees use a standardized set of symbols:

  • squares: males
  • circles: females
  • diamonds: the sex of the person is unknown
  • filled-in (darker) symbol: someone with the phenotype in question
  • shaded or half-filled symbol: heterozygotes
  • horizontal and a vertical line: connects parents to their offspring
  • ....


Project Ideas

GUI mockups

  • User experience
  • Functionality & Features
Appearance Calculation Others
Color Scheme Auto probability Tool Tip
Shape Selection Auto connection
(while changing affected nodes)
Vertical/Horizontal Selection Scaling


Tip: showing some images (Photoshop, Gimp, Inkscape, ...) makes it easier to follow your ideas

Application design

  • Expected technical difficulties
  • Fancy libraries you plan to use
.
tree.json

Your data

  • D3 layouts requires specific data structure for trees

Roadmap

  • Week 1
  • Week 2