NASA GODDARD SPACE FLIGHT CENTER SUMMER 2010 INTERNSHIP SHAWN DORIA Interactive Time-Series Visualizations.

Slides:



Advertisements
Similar presentations
Web 2.0 for AtGentive A Brief Introduction to Web 2.0 Ye DENG
Advertisements

ASP.NET 3.5 Mike Ormond Developer & Platform Group Microsoft Ltd
Integrated Space Weather Analysis System Science and Engineering Student Internship Jon Conti-Vock, NASA Goddard Space Flight Center Space Weather Laboratory/Community.
What’s new in ASP.NET 3.5? Mike Ormond Developer & Platform Group Microsoft Ltd
An Integrated Solution for Web-based Mathematical Expression Inputting Wei Su Department of Computer Science, Lanzhou University, PRC Department of Computer.
Graphing with SULTAN Scale Units Labels Title Axes Neatness.
-Uday Dhokale.  What is it ??? Prototype is a JavaScript Framework that aims to ease development of dynamic web applications.  Features a unique, easy-to-use.
Mrs. Cobb 8th grade Science
ECLIPSE IDE N AME : A SHOK P ADMARAJU C OURSE : T OPICS ON S OFTWARE E NGINEERING I NSTRUCTOR : D R. S ERGIU D ASCALU.
Free & Interactive Math & Science Websites By: Kristy Taxson!
Samantha Sanders Code 674 Dr. David G. Sibeck NASA Goddard Space Flight Center.
Authors: RIEFOLO Anthony FANCHETTE Edouard Tutors : BETBEDER Marie-Laure REFFAY Christophe MULCE project Interface to display XML objects 1.
Joel Bapaga on Web Design Strategies Technologies Commercial Value.
Languages in WEB Presented by: Jenisha Kshatriya BCM SS09.
1 Web GIS: from Javascript to GWT Pieter De Graef – Community Manager & Lead Developer Geomajas.
Dynamic Web Pages (Flash, JavaScript)
Patrick Zhou University of Maryland, College Park Science and Engineering Student Internship Chemical Engineering/Computer Science Double Degree Community.
The Old World Meets the New: Utilizing Java Technology to Revitalize and Enhance NASA Scientific Legacy Code Michael D. Elder Furman University Hayden.
If you are using an Apple device, such as an iPad or iPhone, and you want to follow the instructions you will need a ‘Flash’ compatible browser. If you.
Silverlight Hitesh Trivedi Computer Science B.Tech A-Sec J.I.E.T.
Greeks & Librarians SUNY Delhi’s Digital Archives Project Greek Archives Intern: Jerry Resilien Librarian: Angela Rhodes.
Thinking Mathematically Algebra: Graphs, Functions and Linear Systems 7.1 Graphing and Functions.
Community Coordinated Modeling Center Name: Sang Man Lee Mentor: David Berrios SESI.
Roll Screen Development Debugging assistance for building Rocks Rolls with screens OSGC, May 2008 Nadya Williams University of Zurich.
This material is based upon work supported by the National Science Foundation under Grant No. ANT Any opinions, findings, and conclusions or recommendations.
National Aeronautics and Space Administration NASA Goddard Space Flight Center Software Engineering Division Space Weather Tools Update Marlo.
Objective: plot points in a coordinate plane
Patrick Zhou University of Maryland, College Park Science and Engineering Student Internship Community Coordinated Modeling Center Integrated Space Weather.
?. When designing, you should analyze your target audience. Design you webpage around your target audience Target Audience.
Structure: Overview Geocoding Coordinate System Overlays Conclusion Questions November 07 Computational Aspects of GIS Oliver Walzer Analyzing Google Maps.
INTEGRATING DEBATE Purpose: Identify Web 2.0 tools and low tech ways to provide guidance and support to students during the debate.
IEEE Computer Society 60th Anniversary History Competition SQL and Web Code Technologies.
JavaScript Introduction and Background. 2 Web languages Three formal languages HTML JavaScript CSS Three different tasks Document description Client-side.
Ronen Vaisenber, Zohrab Basmajian, Phong Pham, Keith Mogensen, Arjun Satish Mentors: Prof. Sharad Mehrotra, Prof. Ramesh Jain.
A histogram is a special type of bar graph used to display numerical data that has been organized into intervals. The heights of the bars show the number.
Comparison B/W Word Press and Joomla By Joomdev Software Solution Pvt Ltd.
Graphing Function Charts. X Y I Y = 2X + 1 X Y ½ Y - intercept 0, 1 X - intercept -½, 0.
Ajax 101 for CF Programmers Randy Brown – Michigan State University
Real-Time Dashboards on Power BI
HTML...CSS...JAVASCRIPT for Higher Computing Science.
The Justin Boblitt Experience Summer of 2012 Scientific and Engineering Student Internship Program (SESI)
Doktorant ė : Egl ė Mickevi č i ū t ė Software development technologies KAUNO TECHNOLOGIJOS UNIVERSITETAS INFORMACIJOS SISTEM Ų KATEDA Kaunas, 2013.
Research Project Title Your Name, Degree, Degree Stage (e.g. Year 2), Introduction Background information, issues,
Scala days 2010 exmachina.
The Object-Oriented Thought Process Chapter 11
GF and RS, Dept. of CS, Mangalore University
Graphical Representation of Linear Equations and Functions
Web Debugging Proxy Application
DivaServices-Spotlight
ASP.NET 3.5 Mike Ormond Developer & Platform Group Microsoft Ltd
APIs (and their Relatives) Can Expand and Unify Library Services
Galen - Automated testing of look and feel
Troubleshoot :- Dell Error Code “ ” REACH AT Dell Support : Give a Ring on:
Fixed Positioning.
Objective- To graph horizontal and vertical lines.
Preparing your Data using Python
Preparing your Data using Python

Web Development by Mark Mizubayashi Program Manager Tim Fahey
Graphing Linear Equations
WEBINAR: Test Automation & Robotic Automation of Dynamics AX with Rapise October 18th, 2018 – Adam
Web Development & Design Foundations with H T M L 5
Indented Tree or Graph? A Usability Study of Ontology Visualization Techniques in the Context of Class Mapping Evaluation 本体可视化技术在类型匹配评估中的可用性研究 Qingxia.
Graphing Data.
Final Project Display By 曹昕哲 Xinzhe Cao
Analyzing Data Drawing Conclusions
Intercepts of a Line Intercepts are the points at which the graph intersects the x-axis or the y-axis. Since an intercept intersects the x-axis or the.
Question Examples Is the interactive Google map useful?
Google ctemplate php extension
Presentation transcript:

NASA GODDARD SPACE FLIGHT CENTER SUMMER 2010 INTERNSHIP SHAWN DORIA Interactive Time-Series Visualizations

Goal To research and create a interactive and general purpose time-series graph for the web in JavaScript.

Content Background Work Description What I Did Results Conclusion

About Me Shawn Doria University of Pennsylvania Computer Information Science CCMC – Community Coordinated Modeling Center David Berrios

Time-Series Graph? A time-series graph is a line graph where time is measured on the horizontal axis and the variable being observed is measured on the vertical axis.

The Problem CCMC provides time-series graph of its space weather observation on its iSWA (iNTEGRATED SPACE WEATHER ANALYSIS SYSTEM ) website. Currently the graphs are created using Flash It’s not convenient Needs to install Flash No XML Interaction issues

Solution JavaScript Supports JSON (JavaScript Object Notation) Interactive Free (or a non-restrictive license) Cross-platform Needs to look good The fix? Create the graphs using cross-browser JavaScript Speed Browsers natively support JavaScript Easy to develop, ship, and maintain Requirements

Research Native JSON Support Cost/LicenseEase of Dev/Use Support/ Community Result ProtovisYes (+2)Free/BSD (+2)Medium (+1)High (+2)7 HichartsYes (+2)Pay/Private (+0)Easy (+2)Medium (+1)5 DigraphNo (+0)Free/? (+1)Easy (+2)Low (+0)3 RaphaëlYes with hack (+1)Free/MIT (+2)Medium (+1) 5 Processing.jsYes with hack (+1)Free/MIT (+2)Medium (+1)High (+2)6 Many visualization-oriented JavaScript Libraries

Protovis Protovis is a JavaScript visualization library developed by the Stanford Visualization Group - Customizable, gives low level control - Simple syntax - Google Group with fast support and Q&A - Looks good!

Rest of the Summer… …were spent learning the Protovis syntax/API and then agonizingly debugging JavaScript errors. The result?

Result

Special Thanks David Berrios CCMS Stanford Visualization Group Cori Quirk

Questions?