Difference between revisions of "Pedigree Chart Visualization"
From Protein Prediction 2 Winter Semester 2014
Ppwikiuser (talk | contribs) |
Ppwikiuser (talk | contribs) |
||
(3 intermediate revisions 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: |
||
+ | *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 === |
||
Line 4: | Line 15: | ||
* User experience |
* User experience |
||
− | * Functionality |
+ | * Functionality & Features |
+ | <div style=" text-align:left; width: 60% ; overflor:auto; height:10em border:2px"> |
||
− | ** Color Scheme |
||
+ | {| class="wikitable" |
||
− | ** Shape Selection |
||
+ | |- |
||
− | ** Scaling |
||
+ | ! scope="col" width="30%" | Appearance !! scope="col" width="40%" | Calculation !! scope="col" width="30%" | Others |
||
+ | |- |
||
+ | | Color Scheme || Auto probability || Tool Tip |
||
+ | |- |
||
+ | | Shape Selection || Auto connection<br>(while changing affected nodes) || |
||
+ | |- |
||
+ | | Vertical/Horizontal Selection || Scaling || |
||
+ | |} |
||
− | * Features |
||
+ | Tip: showing some images (Photoshop, Gimp, Inkscape, ...) makes it easier to follow your ideas |
||
=== Application design === |
=== Application design === |
||
Line 16: | 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 |
− | [[File:dataFormat.png]] |
||
− | |||
=== Roadmap === |
=== Roadmap === |
||
+ | * Week 1 |
||
− | |||
+ | * Week 2 |
||
− | Tool Tip |
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