---
title: "WorkspaceGraphPresentation · types"
url: https://developers.dagio.ai/reference/types-workspace-graph-presentation/
---

# WorkspaceGraphPresentation · types

   
                                           
                                                                                     
                                                    
                  
           
          
   

The following types define named objects and their relationships. Tables include inherited properties. Schema-derived types refer to their validated structures; a TypeScript declaration does not replace the compiler’s semantic checks.

## WorkspaceGraphLayout

Exact authoring/runtime layout options, with no provider or browser dependency.

```typescript
export type WorkspaceGraphLayout = z.infer<typeof workspaceGraphLayoutSchema>;
```

## WorkspaceGraphProfile

One admitted layout choice; positions and viewport remain presentation preferences.

```typescript
export type WorkspaceGraphProfile = z.infer<typeof workspaceGraphProfileSchema>;
```

## WorkspaceGraphPresentation

Closed profile catalogue shared by admission, projection and the browser renderer.

```typescript
export type WorkspaceGraphPresentation = z.infer<typeof workspaceGraphPresentationSchema>;
```

[All references](https://developers.dagio.ai/reference/)

<!-- surface-examples:start -->

## Applied examples : Explore the client and its relations

Two visual arrangements present the same linked objects without changing their data.

### Configuration

Fragment placed in `graphPresentations[].profiles[].layout`. [Properties and accepted values](https://developers.dagio.ai/reference/workspace-graph-layout/).

```json
{
  "algorithm": "layered",
  "nodeSpacing": 48,
  "componentSpacing": 64,
  "layerSpacing": 80,
  "direction": "RIGHT",
  "seed": 1
}
```

### Variation and connection

Fragment placed in `graphPresentations[].profiles[].layout`. [Properties and accepted values](https://developers.dagio.ai/reference/workspace-graph-layout/).

```json
{
  "algorithm": "mrtree",
  "nodeSpacing": 56,
  "direction": "DOWN",
  "aspectRatio": 1.5
}
```

### UI layout example

The illustrative layout below places this configuration in the Clients/Quotes app. Insert each fragment at the stated location, with Field, Query and Action references matching the Model declarations.

1. North Studio
2. Quote S-1042
3. Preparation
4. Sources

<!-- surface-examples:end -->