> ## Documentation Index
> Fetch the complete documentation index at: https://docs.cloudeval.ai/llms.txt
> Use this file to discover all available pages before exploring further.

# Diagrams and workspace views

> Understand architecture diagrams, dependency diagrams, code context, and shareable diagram views in CloudEval.

Diagrams help you move from raw infrastructure data to a view that people can discuss. Use them when you need to explain resource shape, dependency paths, and review context quickly.

## Architecture view

Use the **architecture view** when you want the broad shape of a project:

* resource groups and major resources
* service boundaries
* topology and layout
* resources that need architectural review

This is usually the best first diagram for stakeholders because it answers "what exists?" before it asks "what depends on what?"

<Frame caption="Architecture view with resource context, issue badges, dependency labels, cost status, and project-aware AI chat.">
  <img src="https://mintcdn.com/ganakailabs-db727e50/Q5sxR4Wz8SD3FHrz/assets/images/workspace/ai-chat-architecture-preview.jpeg?fit=max&auto=format&n=Q5sxR4Wz8SD3FHrz&q=85&s=a99132f161924672287b75d8f01613e3" alt="CloudEval architecture diagram with Azure resources, issue badges, dependency labels, cost status, and AI chat prompts" width="2048" height="1169" data-path="assets/images/workspace/ai-chat-architecture-preview.jpeg" />
</Frame>

<Frame caption="Video walkthrough: automated cloud architecture diagrams and intelligence in CloudEval.">
  <iframe src="https://www.youtube.com/embed/5oTVEsTDFQ8" title="Automated Cloud Architecture Diagrams and Intelligence - CloudEval AI" width="100%" height="415" loading="lazy" frameBorder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" referrerPolicy="strict-origin-when-cross-origin" allowFullScreen />
</Frame>

## Dependency view

Use the **dependency view** when the review depends on relationships:

* upstream and downstream resources
* dependency paths that affect risk or blast radius
* resource chains that make a design harder to change
* differences between expected and actual topology

Dependency views are most useful during engineering review, incident follow-up, or pre-deployment checks.

<Frame caption="Dependency-focused view showing a selected resource, upstream/downstream paths, and actions that keep review close to the graph.">
  <img src="https://mintcdn.com/ganakailabs-db727e50/431cYuJMCQHimeRQ/assets/images/diagrams/dependency-view.png?fit=max&auto=format&n=431cYuJMCQHimeRQ&q=85&s=64974b401577f76862ed2d9c5a8e2e92" alt="CloudEval dependency diagram showing relationship paths between infrastructure resources" width="1528" height="1152" data-path="assets/images/diagrams/dependency-view.png" />
</Frame>

<Frame caption="Video walkthrough: use the cloud dependency graph to understand the impact of each cloud issue.">
  <iframe src="https://www.youtube.com/embed/ozl0jQhoXqM" title="Cloud Dependency Graph: See impact of every Cloud Issue - CloudEval AI" width="100%" height="415" loading="lazy" frameBorder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" referrerPolicy="strict-origin-when-cross-origin" allowFullScreen />
</Frame>

## Code and diagram context

For IaC-backed projects, diagrams are strongest when they stay close to the source files. Use the workspace editor to compare:

* the selected resource in the diagram
* the source template or generated ARM JSON
* report findings attached to the same project
* the latest project status

That context matters because the right fix may live in the code, not in the diagram.

<Frame caption="Split view keeps the diagram, file explorer, outline, report JSON, and AI assistant close enough to review together.">
  <img src="https://mintcdn.com/ganakailabs-db727e50/Q5sxR4Wz8SD3FHrz/assets/images/diagrams/architecture-code-split-cost-json.jpeg?fit=max&auto=format&n=Q5sxR4Wz8SD3FHrz&q=85&s=155ad2f5f1ca295cfaa436923e64da07" alt="CloudEval split workspace with architecture diagram on the left and generated cost report JSON on the right" width="1513" height="860" data-path="assets/images/diagrams/architecture-code-split-cost-json.jpeg" />
</Frame>

## Diagram markup

Use drawing tools when you need to explain a path, proposed change, or review question in the diagram itself.

<Frame caption="Draw mode helps reviewers mark dependency paths and affected resources without losing the diagram context.">
  <img src="https://mintcdn.com/ganakailabs-db727e50/431cYuJMCQHimeRQ/assets/images/diagrams/diagram-draw-annotations.png?fit=max&auto=format&n=431cYuJMCQHimeRQ&q=85&s=84e3bbe0fb4ae15c51d2f8847e5648c5" alt="CloudEval diagram draw mode with annotated dependency arrows, circled resources, and AI assistant context" width="2898" height="1580" data-path="assets/images/diagrams/diagram-draw-annotations.png" />
</Frame>

## AI-assisted diagram review

Use diagram context with an assistant when the question depends on multiple resources or relationships.

* Ask about selected resources instead of describing them from memory.
* Use the visible relationship path as the grounding context.
* Keep the diagram open while reviewing the generated explanation.

<Frame caption="Agent-assisted review keeps the question, selected resources, generated explanation, Mermaid sequence, and diagram context visible together.">
  <img src="https://mintcdn.com/ganakailabs-db727e50/WhoaERvnDvS8ic-R/assets/images/workspace/workspace-chat-insights.png?fit=max&auto=format&n=WhoaERvnDvS8ic-R&q=85&s=47ef80d0147629aef79cecd4410192af" alt="CloudEval assistant answer explaining relationships between selected resources with a diagram and Mermaid sequence output" width="2504" height="1630" data-path="assets/images/workspace/workspace-chat-insights.png" />
</Frame>

## Sharing and embedding

Diagrams can support review outside the core workspace when the project is appropriate to share.

* Use **share links** for read-only review.
* Use **embed links** when the diagram belongs inside another internal surface.
* Review the project content before publishing a public or broad internal view.

Shared and embedded views should be treated as read-only communication surfaces, not editing modes.

<Frame caption="Link visibility controls decide whether a diagram stays restricted or becomes available through a public review link.">
  <img src="https://mintcdn.com/ganakailabs-db727e50/431cYuJMCQHimeRQ/assets/images/sharing/link-visibility-menu.png?fit=max&auto=format&n=431cYuJMCQHimeRQ&q=85&s=bcc0be9fe8502f1445073fb13c5016a9" alt="CloudEval link visibility menu with public, private, and restricted sharing options" width="740" height="520" data-path="assets/images/sharing/link-visibility-menu.png" />
</Frame>

## What to avoid

* Do not assume a diagram is current if the project has not synced or reports have not rerun.
* Do not use a public share view when private graph data is required.
* Do not treat architecture and dependency diagrams as interchangeable; they answer different questions.

## Next step

Use [Projects](/concepts/projects) to understand the workspace model, or [Headless diagram image downloads](/reference/headless-diagram-image-downloads) when an agent or CI job needs diagram image bytes directly.
