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

# WorkspaceGraphPresentation · types

   
                                           
                                                                                    
                                                    
                  
           
          
   

Les types ci-dessous définissent les objets nommés et leurs relations. Les propriétés héritées sont incluses dans les tableaux. Les types dérivés d’un schéma renvoient à sa structure; une déclaration TypeScript ne remplace pas les contrôles sémantiques du compilateur.

## 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>;
```

[Toutes les références](https://developers.dagio.ai/fr/reference/)

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

## Exemples appliqués : Explorer le client et ses relations

Deux organisations visuelles présentent les mêmes objets liés, sans modifier leurs données.

### Configuration

Fragment à placer dans `graphPresentations[].profiles[].layout`. [Propriétés et valeurs admises](https://developers.dagio.ai/fr/reference/workspace-graph-layout/).

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

### Variante et raccordement

Fragment à placer dans `graphPresentations[].profiles[].layout`. [Propriétés et valeurs admises](https://developers.dagio.ai/fr/reference/workspace-graph-layout/).

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

### Exemple de disposition UI

La disposition illustrative ci-dessous situe cette configuration dans l’app Clients/Soumissions. Chaque fragment s’insère à l’emplacement indiqué; ses références aux Fields, Queries et Actions correspondent aux déclarations du Model.

1. Atelier Nord
2. Soumission S-1042
3. Préparation
4. Sources

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