Difference between revisions of "Main Page/VisualizationiAnnEvents"

From Protein Prediction 2 Winter Semester 2014
(Fancy libraries you plan to use)
(Fancy libraries you plan to use)
Line 33: Line 33:
   
 
* Three.js <br/>
 
* Three.js <br/>
->automatically render SVG elements in 3D directly from D3.js
+
->automatically render SVG elements in 3D directly from D3.js
   
 
=== 3. Your data ===
 
=== 3. Your data ===

Revision as of 18:00, 19 November 2014

The iAnn calendar is one of the most used tools to annotate and curate scientific announcements. The idea of this project is to visualize iAnn announcements in any of the following ways:

  • as an interactive map
  • a table
  • a pie chart or histograms showing statistics by various keywords (dates, country, field, etc.)


1. GUI mockups

User experience

  • interactive map

Functionality

  • Can Rotate and Zoom the map.
  • Able to view information of each events, here we implement this module using the technique Orthographic to Equirectangular.
  • Along with the event information corresponding url will also be embedded.

Features

  • User can filter the events based on country and date.
  • Interconnected lines between the countries which are likely to have events happening on same date.


Tip: showing some images (Photoshop, Gimp, Inkscape, ...) makes it easier to follow your ideas

2. Application design

Expected technical difficulties

  • Implementing Orthographic to Equirectangular on each marker points(countries).
  • Interconnecting lines between the countries when the events from different countries likely to happen on same date, because we need latitude and longitude points to map.

Fancy libraries you plan to use

  • D3.js
  • Three.js

->automatically render SVG elements in 3D directly from D3.js

3. Your data

Remarks about your input format

  • Input is likely to be in json format with events,location and date, etc.
  • With the above information it’s difficult to map the exact location in map, we need the latitude and longitude points to overcome it.


4. Roadmap