Skip to content

Frontend_Visualization_Client_side_.md

Latest commit

 

History

History
48 lines (27 loc) · 2.39 KB

Frontend_Visualization_Client_side_.md

File metadata and controls

48 lines (27 loc) · 2.39 KB
Raw
graph LR
    HTML_Document_index_html_["HTML Document (index.html)"]
    CSS_Stylesheet_tuna_css_["CSS Stylesheet (tuna.css)"]
    JavaScript_Visualization_Logic_icicle_js_["JavaScript Visualization Logic (icicle.js)"]
    HTML_Document_index_html_ -- "includes" --> CSS_Stylesheet_tuna_css_
    HTML_Document_index_html_ -- "includes" --> JavaScript_Visualization_Logic_icicle_js_
    CSS_Stylesheet_tuna_css_ -- "applies styles to" --> HTML_Document_index_html_
    CSS_Stylesheet_tuna_css_ -- "applies styles to elements created by" --> JavaScript_Visualization_Logic_icicle_js_
    JavaScript_Visualization_Logic_icicle_js_ -- "modifies DOM of" --> HTML_Document_index_html_
Loading

CodeBoardingDemoContact

Details

Analysis of the Frontend Visualization (Client-side) subsystem of the Tuna project.

HTML Document (index.html)

The foundational structure of the web page, defining the layout and containers for the visualization and other UI elements.

Related Classes/Methods:

CSS Stylesheet (tuna.css)

Provides the visual styling for the web application, including layout, typography, colors, and responsiveness, often leveraging Bootstrap's utility classes.

Related Classes/Methods:

JavaScript Visualization Logic (icicle.js)

The core client-side application logic responsible for fetching performance data, processing it, and rendering the interactive icicle graph using D3.js. It also handles user interactions such as zooming, hovering, and displaying detailed information.

Related Classes/Methods:

FAQ