Computer Language Source Code Visualization

摘要

The present invention creates visual depiction of implied delineation within the source code of programming and markup languages for the purpose of simplifying visual and manual navigation. The present invention can easily identify where commands start and stop, making the writing and debugging process much easier. It clearly defines nested containers in an intuitive way, which allows for quick, clear and easy analysis of source code. The user who employs source charting can easily identify structure and hierarchy and thereby efficiently debug source code and/or make any changes or modifications that are necessary. Those new to the containment concept will with one glance at a source chart be over the learning curve. Intermediate and advanced developers can more efficiently track down bugs and/or make modifications in even complex documents. These drawn containers are collapsible and expandable, further making the data easy to understand and navigate.

主权项

1. A hardware implemented computer program product executed by a processor to perform the method comprising:
rendering a pictorial visualization of the structure formed by the arrangement of markup elements within a markup language resource, wherein the visualization conveys parent and child relationships between markup language elements contained in the resource by adding visual indicators of element boundaries, wherein a visual indicator encompasses its element's syntax and contents, and wherein a child element's visual indicator is distinguished from and contained within its parent element's visual indicator, and wherein syntax and other textual contents is prevented from appearing between the parent element's visual indicator's left boundary and its child element's visual indicator's left boundary.