1 / 11

Efficiently Render Large VO Tables with XSLT and JavaScript in Web Browsers

Explore the innovative approach to viewing large Virtual Observatory (VO) tables using XSLT and JavaScript, designed to handle between 1,000 and 100,000 rows. Traditional JavaScript struggles with large datasets, which is why this solution leverages XSLT 1.0 for efficient operations like sorting and filtering. The project aims to consolidate various functionalities into a single package, making installation simple while allowing for developer customization. Detailed documentation and modular design facilitate effective usage and integration.

astra-parker
Download Presentation

Efficiently Render Large VO Tables with XSLT and JavaScript in Web Browsers

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. VOView Rendering VOTables using XSLT and JavaScript Dean Hinshaw HEASARC GSFC/NASA

  2. Overview • View large tables within a Web browser • Goal 1000 to 100,000 rows • Javascript not efficient enough to handle large tables • XSLT 1.0 processing built in to all major browsers • Needed for operations that handle the entire table, e.g. sorting • Promotes/Exploits VO Table standard

  3. Status • Original version written by Rick White for Hubble Legacy Archive • Code picked up and modified by several groups: • HLA version still working • HEASARC: Sview, Simple Query, Datascope (new) • NVO Directory • European HST/HLA Archive (new)

  4. Datascope

  5. Goals • Bring development together into one project • Google Project: voview • Combine all functionality into one code base • Make VOView into a package (a la jquery) • Simple installation • Well defined external interfaces • Documentation • Design • Redesign with well-define OO structure and interfaces • Modular design allows for developer customization

  6. Design

  7. Filter Class • Takes full table as input and returns the rows of the table to be displayed • Encapsulates functionalityrequiring the entire table • Sorting • Column Filtering • Paging • Requires use of XSLT for efficiency • Could be implemented server-side

  8. Renderer Class • Transforms XML into HTML to be displayed • Input is modest sized XML table • XSLT not required, more implementation options • XSLT could be used, but limited functionality • Jquery • Other • Most customization likely to be here

  9. Class Diagram

  10. Interface Definition • Detailed interface definition being developed using Jsdoc • Jsdoc is a javadoc-like documentation system for javascript • Inline comments generate html documentation • index.html

  11. Google Project • Design and Interface still very much at proposal/discussion phase • Google Project voview • svn repository • Wiki • Issue tracker • Discussion group • http://code.google.com/p/voview/ • voview@googlegroups.com

More Related