Team:Wellesley Desyne/zTree
From 2013.igem.org
Line 82: | Line 82: | ||
<h3>zTree</h3> | <h3>zTree</h3> | ||
- | <h4> | + | <h4>TOOL OVERVIEW</h4> |
- | <p> | + | <p>zTree is an interactive, 3D visualization of the Registry of Standard Biological Parts. The top of the hierarchy represents a particular library, with nodes drawn like index cards to represent a generic part type, marked using Synthetic Biology Open Language, or a concrete biological part. zTree draws upon Parc’s Cone Trees visualization technique for representing hierarchical information. With a large data set, a 2D structure would not fit on the screen, forcing the user to scroll or resize; zTree maximizes screen real estate, thereby allowing the user to visualize the whole structure at once. |
- | + | ||
- | + | ||
- | + | ||
- | + | ||
+ | <p>Our goals with zTree this summer were twofold: | ||
+ | <ol> | ||
+ | <li>Provide users with an intuitive, interactive way to navigate the Registry of Standard Biological Parts</li> | ||
+ | <li>Make a modular enough solution so that the application can eventually be used for a wide array of data sets</li> | ||
+ | </ol> | ||
+ | |||
+ | <h4>Implementation</h4> | ||
+ | |||
+ | <p>Implementation text here.</p> | ||
+ | |||
+ | <h4>PURPOSE</h4> | ||
+ | |||
+ | <p>Purpose text here. | ||
<table width="800" align="center"> | <table width="800" align="center"> | ||
Revision as of 18:54, 24 September 2013
Wellesley HCI iGEM 2013
zTree
TOOL OVERVIEW
zTree is an interactive, 3D visualization of the Registry of Standard Biological Parts. The top of the hierarchy represents a particular library, with nodes drawn like index cards to represent a generic part type, marked using Synthetic Biology Open Language, or a concrete biological part. zTree draws upon Parc’s Cone Trees visualization technique for representing hierarchical information. With a large data set, a 2D structure would not fit on the screen, forcing the user to scroll or resize; zTree maximizes screen real estate, thereby allowing the user to visualize the whole structure at once.
Our goals with zTree this summer were twofold:
- Provide users with an intuitive, interactive way to navigate the Registry of Standard Biological Parts
- Make a modular enough solution so that the application can eventually be used for a wide array of data sets
Implementation
Implementation text here.
PURPOSE
Purpose text here.
Results
We successfully allowed for double and ring bonding in zMol, and created a 3D representation of the periodic table through which it is possible to navigate, search, and zoom through elements. We also modified the atomic skins to include elemental labels. We imported data about each element so when you hover over it, more properties are displayed.
zTree is nearly fully functional when displaying the standard registry of parts - unfortunately, the site was modified towards the end of our work on zTree, so a future team will need to adjust the HTML parsing sections of our code. But, the data sheets display properly, and navigation between levels works properly. Users can export the parts they have selected to a plain text file which can be imported into other programs, such as Eugenie, for further use. The program also features an action log for user testing. A search feature in the upper right hand corner of the screen allows a user to search for a particular part they might be looking for and have its data sheet displayed.
Demo
Future Work
Most features desired for zTree were completely over the course of the summer. As the registry changed, the data sheet code needs to be updated. In the future we need to make the data sheets compliant with the registry API so that the program works with any future changes. Another iGEM team seems to be working on search function which we would like to integrate into the program. Some research has gone into which type of backgrounds for the zSpace eliminate ghosting so the team would also like to try to use one of those backgrounds to improve the visualization of their program. Using the pen to navigate and spin the carousels would be a good feature for the future as well.