Difference between revisions of "Pedigree Chart Visualization"

From Protein Prediction 2 Winter Semester 2014
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 calculation ||
+
| Color Scheme || Auto probability || Tool Tip
 
|-
 
|-
| Shape Selection || Scaling ||
+
| 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]]
   
=== Roadmap ===
+
=== Road map ===
 
 
Tool Tip
 

Revision as of 05: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)

DataFormat.png

Road map