Difference between revisions of "1 Kite Dashboard"
From Protein Prediction 2 Winter Semester 2014
(→Including following BioJS Components) |
(→Introduction) |
||
(12 intermediate revisions by the same user not shown) | |||
Line 1: | Line 1: | ||
+ | == Introduction == |
||
− | Team Members: Iris Shih, David Dao |
||
[[File:Science.gif | 300px]] |
[[File:Science.gif | 300px]] |
||
'''Our Goal:''' Create a variety of Web Components for an Information Dashboard in order to analyze 1 Kite Data and allow Data Immersion. |
'''Our Goal:''' Create a variety of Web Components for an Information Dashboard in order to analyze 1 Kite Data and allow Data Immersion. |
||
+ | * More about 1Kite Project [http://www.youtube.com/watch?v=Ldak-GlHEZc Youtube Video] |
||
+ | Team Members: Iris Shih, Ying Li, David Dao |
||
+ | |||
+ | * Contact: David |
||
+ | |||
+ | ;Resources: |
||
+ | *https://github.com/ccoenraets/olympic-dashboard-d3 |
||
+ | *NVD3 |
||
+ | *DC.js |
||
+ | *https://github.com/anvaka/ngraph/tree/master/examples/fabric.js/Node%20and%20Browser for rendering our results into pictures! |
||
+ | *Keep it modular! |
||
== Major Tasks == |
== Major Tasks == |
||
=== Interactive Web Components === |
=== Interactive Web Components === |
||
+ | * Box Charts |
||
+ | * Bar Charts |
||
+ | * Scatter Plots |
||
+ | * Line Plots |
||
+ | * Pie Charts |
||
+ | |||
[[File:Box.png | 300px]][[File:Bar.png | 300px ]][[File:Scatter.png | 300px]][[File:Line.png | 300px]][[File:Pie.png | 300px]] |
[[File:Box.png | 300px]][[File:Bar.png | 300px ]][[File:Scatter.png | 300px]][[File:Line.png | 300px]][[File:Pie.png | 300px]] |
||
=== Including following BioJS Components === |
=== Including following BioJS Components === |
||
+ | ==== TNT Tree Viewer ==== |
||
− | [[File:Tree.png]][[File:MSA.png | 900px]][[File:GB.png]][[File:Cluster.jpg]] |
||
+ | [[File:Tree.png]] |
||
+ | ==== BioJS MSA Viewer ==== |
||
+ | [[File:MSA.png | 900px]] |
||
+ | ==== TNT Track Viewer ==== |
||
+ | [[File:GB.png]] |
||
+ | ==== BioJS InCHlib Cluster Heatmap==== |
||
+ | [[File:Cluster.png]] |
||
=== Real Time Filtering === |
=== Real Time Filtering === |
||
+ | |||
+ | * Components interact and share data with each other |
||
+ | * Easy to use Interface |
||
+ | * Saving History of Events for Sharing Data Immersion |
||
=== Huge Data === |
=== Huge Data === |
||
+ | |||
+ | * 1 Kite Data are stored in multi dimensional arrays which are filtered and preprocessed with fast libraries like crossfiler.js |
||
+ | |||
+ | === Team Discussion === |
Latest revision as of 06:00, 26 November 2014
Contents
Introduction
Our Goal: Create a variety of Web Components for an Information Dashboard in order to analyze 1 Kite Data and allow Data Immersion.
- More about 1Kite Project Youtube Video
Team Members: Iris Shih, Ying Li, David Dao
- Contact: David
- Resources
- https://github.com/ccoenraets/olympic-dashboard-d3
- NVD3
- DC.js
- https://github.com/anvaka/ngraph/tree/master/examples/fabric.js/Node%20and%20Browser for rendering our results into pictures!
- Keep it modular!
Major Tasks
Interactive Web Components
- Box Charts
- Bar Charts
- Scatter Plots
- Line Plots
- Pie Charts
Including following BioJS Components
TNT Tree Viewer
BioJS MSA Viewer
TNT Track Viewer
BioJS InCHlib Cluster Heatmap
Real Time Filtering
- Components interact and share data with each other
- Easy to use Interface
- Saving History of Events for Sharing Data Immersion
Huge Data
- 1 Kite Data are stored in multi dimensional arrays which are filtered and preprocessed with fast libraries like crossfiler.js