Visualizations in Ozgar AI provide an interactive, high-level springboard for exploring your application’s architecture, data, and runtime behavior. By surfacing complex relationships and flows in intuitive diagrams, they help you quickly identify areas of interest and dive deeper into the underlying code or documentation.

1) Visualization Types

Functional Area Overview

A high-level map of your application’s primary functions (e.g., Order Processing, Customer Management, Reporting). Each function block shows:

  • The number of underlying functional areas
  • Showing the main functions of each area
  • Clickable links to the documentation page of the functional area

 

 

 

 

 

 

 

 

 

 

 

 

Data Model (ER Diagram)

A classic Entity-Relationship diagram showing:

  • Tables and views as nodes
  • Foreign-key relationships as edges
  • Cardinality markers (1:1, 1:N, N:M)
  • Metadata information (key fields, indexed fields, data types, program dependencies)

 

2) Best Practices

  • Start Broad: Begin with the Functional Area Overview to orient yourself.
  • Zoom In: Use the Program Dependency Graph or Screen Flow to locate critical code paths.
  • Cross-Reference: From any diagram, click through to the Data Model or State Flows to understand how data drives logic and vice versa.
  • Ask Questions: Open the chatbot panel and ask about any selected node—for example, “What SQL statements update the status field ‘OrderState’?”
  • Share & Collaborate: Export diagrams as images or share dashboard links with teammates for collective analysis.

With these visual tools, Ozgar AI transforms complex legacy landscapes into clear, navigable maps — empowering you to understand, document, and evolve your application faster than ever.