Difference between revisions of "Pedigree Chart Visualization"
From Protein Prediction 2 Winter Semester 2014
Ppwikiuser (talk | contribs) |
Ppwikiuser (talk | contribs) |
||
Line 1: | Line 1: | ||
+ | 123 |
||
− | |||
=== GUI mockups === |
=== GUI mockups === |
||
* User experience |
* User experience |
||
− | * Functionality |
||
− | ** Color Scheme |
||
− | ** Shape Selection |
||
− | ** Scaling |
||
+ | * 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"> |
||
{| class="wikitable" |
{| class="wikitable" |
||
Line 14: | Line 11: | ||
! scope="col" width="30%" | Appearance !! scope="col" width="40%" | Calculation !! scope="col" width="30%" | Others |
! scope="col" width="30%" | Appearance !! scope="col" width="40%" | Calculation !! scope="col" width="30%" | Others |
||
|- |
|- |
||
− | | Color Scheme || Auto probability |
+ | | Color Scheme || Auto probability || Tool Tip |
|- |
|- |
||
− | | Shape Selection || |
+ | | Shape Selection || Auto connection<br>(while changing affected nodes) || |
|- |
|- |
||
+ | | Vertical/Horizontal Selection || Scaling || |
||
− | | |
||
|} |
|} |
||
− | |||
− | * Features |
||
− | |||
=== Application design === |
=== Application design === |
||
Line 31: | Line 25: | ||
=== Your data === |
=== Your data === |
||
− | * D3 layouts requires specific data structure for trees. |
+ | * D3 layouts requires specific data structure for trees. ('''tree.json''') |
[[File:dataFormat.png]] |
[[File:dataFormat.png]] |
||
− | === |
+ | === Road map === |
− | |||
− | |||
− | Tool Tip |
Revision as of 06:03, 19 November 2014
123
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 |
Application design
- Expected technical difficulties
- Fancy libraries you plan to use
Your data
- D3 layouts requires specific data structure for trees. (tree.json)