1 / 13

Remote Visualization

Explore AJAX and Web Services through Yahoo Pipes, Charge Density Visualization, and JavaScript 3D techniques. Intuitive interfaces, dynamic workflows, and lightweight applications for advanced visualization concepts.

tuckerjohn
Download Presentation

Remote Visualization

An Image/Link below is provided (as is) to download presentation Download Policy: Content on the Website is provided to you AS IS for your information and personal use and may not be sold / licensed / shared on other websites without getting consent from its author. Content is provided to you AS IS for your information and personal use only. Download presentation by click this link. While downloading, if for some reason you are not able to download a presentation, the publisher may have deleted the file from their server. During download, if you can't get a presentation, the file might be deleted by the publisher.

E N D

Presentation Transcript


  1. Remote Visualization Explorations of Ajax & Web Services

  2. Overview • Yahoo Pipes AJAX (Asynchronous JavaScript and XML) Dynamic Workflow Visualization • Charge Density Visualization Client • Image Generating Servlet • Portlet Interface • JavaScript 3D • Introduction to Visualization (China 2007)

  3. Yahoo Pipes Review • Dynamic workflow generation focus of VLab requires an intuitive interface • Allow user to observe, modify, and create workflows • Yahoo Pipes offers an attractive workflow generation interface • http://pipes.yahoo.com

  4. Pipes Review • Initial Reaction • Slow, Slow, Slow • Recently, yahoo has improved the performance of the object connector animations.

  5. Light Weight Pipes Remake • Prototyped light weight version • http://www.gorerle.com/vlab-wiki/index.php?title=AJAX_Scientfic_Workflow_Application:Developer_Guide • Built on Script.aculo.us and Prototype JavaScript libraries. • Famously integrated into Ruby on Rails

  6. Charge Density Visualization Client (CDC) • VLab Portal using Gridsphere 2.1 • Visualization Services automatically generated by WATT (Web Automation Translation Toolkit) Compiler • Web Service accessed via Servlet • Servlet Accessed via JSR-168 Portlet

  7. Charge Density Servlet • Technologies: Maven2, WSDL2Java, Java Servlet Library, Java Reflection Libraries • Three Outputs • text/HTML • img/png • 500 Internal Server Error w/ Msg • Access using query string • http://lilli.msi.umn.edu:8080/vlabportlets/cdc_servlet

  8. Charge Density Portlet • Custom JavaScript object interacts with the CDC Servlet • Features • Quick Views • Custom Views • Atoms, Volume, Contours, Cut Plane, & Bounding Box On/Off switches

  9. JavaScript 3D • Motivation : Charge Density Client • Need an intuitive way to do custom rotations of visualization • Limitations • JavaScripts inherently poor performance • Limited information about the visualized data • Poor cross-browser compatibility

  10. JavaScript 3D Implementation • Started with pre-built 2D vector graphics library written by Walter Zorn. • http://www.walterzorn.com/jsgraphics/jsgraphics_e.htm • Implemented basic 3D geometry projections • Implemented basic 3D geometry point rotations • Used point project and rotation to create cube and sphere objects • Integrated vector graphics library to draw lines to each projected 2D point

  11. JavaScript 3D Next Step • Future work will deal with integrating event listeners to perform trackball style rotations based on user mouse interactions with 3D canvas. • Performance Optimizations to make this application viable on today's browsers and computers

  12. Introduction to Visualization • Spent month in china working with various students and professors • Gave presentation on visualization • Importance of Visualization • Common Tools • Tool Demos • Common Techniques • Get materials online • http://www.martin-lyness.com

  13. Conclusion • Yahoo Pipes Review • Charge Density Client Interface • JavaScript 3D • Introduction to Visualization Presentation

More Related