Research Commons
      • Browse 
        • Communities & Collections
        • Titles
        • Authors
        • By Issue Date
        • Subjects
        • Types
        • Series
      • Help 
        • About
        • Collection Policy
        • OA Mandate Guidelines
        • Guidelines FAQ
        • Contact Us
      • My Account 
        • Sign In
        • Register
      View Item 
      •   Research Commons
      • University of Waikato Research
      • Computing and Mathematical Sciences
      • Computing and Mathematical Sciences Papers
      • View Item
      •   Research Commons
      • University of Waikato Research
      • Computing and Mathematical Sciences
      • Computing and Mathematical Sciences Papers
      • View Item
      JavaScript is disabled for your browser. Some features of this site may not work without it.

      MetropolJS: Visualizing and debugging large-scale JavaScript program structure with treemaps

      Scarsbrook, Joshua D.; Ko, Ryan K.L.; Rogers, Bill; Bainbridge, David
      Thumbnail
      Files
      metropolJS.pdf
      Published version, 8.116Mb
      DOI
       10.1145/3196321.3196368
      Find in your library  
      Citation
      Export citation
      Scarsbrook, J. D., Ko, R. K. L., Rogers, B., & Bainbridge, D. (2018). MetropolJS: Visualizing and debugging large-scale JavaScript program structure with treemaps. In Proceeddings of the 26th International Conference on Program Comprehension (ICPC 2018) (pp. 389–392). New York, NY, USA: ACM. https://doi.org/10.1145/3196321.3196368
      Permanent Research Commons link: https://hdl.handle.net/10289/11992
      Abstract
      As a result of the large scale and diverse composition of modern compiled JavaScript applications, comprehending overall program structure for debugging is challenging. In this paper we present our solution: MetropolJS. By using a Treemap-based visualization it is possible to get a high level view within limited screen real estate. Previous approaches to Treemaps lacked the fine detail and interactive features to be useful as a debugging tool. This paper introduces an optimized approach for visualizing complex program structure that enables new debugging techniques where the execution of programs can be displayed in real time from a bird's-eye view. The approach facilitates highlighting and visualizing method calls and distinctive code patterns on top of code segments without a high overhead for navigation. Using this approach enables fast analysis of previously difficult-to-comprehend code bases.
      Date
      2018
      Type
      Conference Contribution
      Publisher
      ACM
      Rights
      ©2018 copyright held by the authors.
      Collections
      • Computing and Mathematical Sciences Papers [1454]
      Show full item record  

      Usage

      Downloads, last 12 months
      105
       
       
       

      Usage Statistics

      For this itemFor all of Research Commons

      The University of Waikato - Te Whare Wānanga o WaikatoFeedback and RequestsCopyright and Legal Statement