"
Team:UC Davis/KO3D
From 2011.igem.org
(Difference between revisions)
| Line 20: | Line 20: | ||
<div class="floatbox2"> | <div class="floatbox2"> | ||
<h2>What is it?</h2> | <h2>What is it?</h2> | ||
| - | KO3D is a fast, robust 3D plotting library written entirely in Javascript. It allows anyone (even you!) to employ interactive 3D plots of arbitrary data without requiring visitors to download any special plugins. The library will run in most modern browsers and operating systems - including most smartphones! You can see an example of it <a href="https://2011.igem.org/Team:UC_Davis/Data_LacI">here</a>, on our wiki's data page for LacI-repressible promoters. | + | KO3D ("Kay-Ode") is a fast, robust 3D plotting library written entirely in Javascript. It allows anyone (even you!) to employ interactive 3D plots of arbitrary data without requiring visitors to download any special plugins. The library will run in most modern browsers and operating systems - including most smartphones! You can see an example of it <a href="https://2011.igem.org/Team:UC_Davis/Data_LacI">here</a>, on our wiki's data page for LacI-repressible promoters. |
</div> | </div> | ||
<div class="floatbox2"> | <div class="floatbox2"> | ||
<h2>How does it work?</h2> | <h2>How does it work?</h2> | ||
| - | KO3D utilizes the excellent 3D graphics library <a href="https://github.com/mrdoob/three.js/">three.js</a> by mrdoob to handle the graphics rendering legwork. KO3D takes your data points, turns them into colored triangles according to your choice of colormap, and uses the three.js library to plot them, along with axes, tickmarks, an optional grid, colored highlighting (for distinguishing between multiple datasets plotted on the same graph), and more! | + | KO3D utilizes the excellent 3D graphics library <a href="https://github.com/mrdoob/three.js/">three.js</a> by mrdoob to handle the graphics rendering legwork. KO3D takes your data points, turns them into colored triangles according to your choice of colormap, and uses the three.js library to plot them, along with axes, tickmarks, an optional grid, colored highlighting (for distinguishing between multiple datasets plotted on the same graph), and more! All of this happens in a javascript library that is fast and lightweight - currently less than 40 KB. |
| + | </div> | ||
| + | <div class="floatbox2"> | ||
| + | <h2>Why is it better?</h2> | ||
| + | In addition to all of the previously-listed features, KO3D sits on your webpage without using any CPU time; unless you're interacting with the graph directly, it doesn't slow down the page at all! Unlike its Flash or Java-based counterparts, a single webpage could contain dozens of generated KO3D plots, and the page would behave just as smoothly as if the plots were static images. It supports the latest versions of all the major browsers, and doesn't require any plugins. | ||
</div> | </div> | ||
</div> | </div> | ||
Revision as of 09:52, 28 September 2011
Our Sponsors
Start a Family
Got a favorite BioBrick? Check our our process for expanding basic parts into part families.Criteria
View our judging criteria for iGEM 2011 here.
