Difference between revisions of "Pedigree Chart Visualization"
From Protein Prediction 2 Winter Semester 2014
Ppwikiuser (talk | contribs) |
Ppwikiuser (talk | contribs) |
||
(One intermediate revision by the same user not shown) | |||
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: |
||
− | 123 |
||
+ | *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 === |
=== GUI mockups === |
||
* User experience |
* User experience |
||
− | |||
* Functionality & Features |
* Functionality & Features |
||
<div style=" text-align:left; width: 60% ; overflor:auto; height:10em border:2px"> |
<div style=" text-align:left; width: 60% ; overflor:auto; height:10em border:2px"> |
||
Line 17: | Line 27: | ||
| Vertical/Horizontal Selection || Scaling || |
| Vertical/Horizontal Selection || Scaling || |
||
|} |
|} |
||
+ | |||
+ | |||
+ | Tip: showing some images (Photoshop, Gimp, Inkscape, ...) makes it easier to follow your ideas |
||
=== Application design === |
=== Application design === |
||
Line 22: | Line 35: | ||
* 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]] |
||
=== Your data === |
=== Your data === |
||
− | * D3 layouts requires specific data structure for trees |
+ | * D3 layouts requires specific data structure for trees |
+ | === Roadmap === |
||
− | [[File:dataFormat.png]] |
||
+ | * Week 1 |
||
− | === Road map === |
||
+ | * 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
Your data
- D3 layouts requires specific data structure for trees
Roadmap
- Week 1
- Week 2