@progress/kendo-diagram-vue-wrapper/docs/built-in-layouts.md

Kendo UI Diagram wrapper for Vue.js

---
title: Built-In Layouts
page_title: Built-In Layouts - Diagram - Kendo UI for Vue
description: "Display the built-in layouts of the Kendo UI Diagram wrapper for Vue."
slug: builtin_layouts_diagram
position: 1
---

<div><WrapperBanner></WrapperBanner></div>

# Built-in Layouts

The layout of the Diagram is based on the automatic organization of data and on the way its shapes connect (incidence structure).

The `layout()` method serves as the gateway to various layout algorithms. For detailed information on the layout types and options, refer to the [layout API reference of the Diagram](https://docs.telerik.com/kendo-ui/api/javascript/dataviz/ui/diagram/configuration/layout).

{% meta height:720 %}
{% embed_file built-in/main.vue preview %}
{% embed_file built-in/main.js %}
{% endmeta %}

## Suggested Links

* [Kendo UI Diagram for jQuery](https://docs.telerik.com/kendo-ui/controls/diagrams-and-maps/diagram/overview)
* [API Reference of the Diagram Widget](https://docs.telerik.com/kendo-ui/api/javascript/dataviz/ui/diagram)