---
title: Layout Mechanism
order: 19
---

G6 provides the mechanism for layout paramters translation, layout methods translation, data translation, subgraph layout, layout timing for listener, custom layout, and so on.

## Usage

- Example 1 : Subgrpah(red nodes) layout by force-directed layout.
- Example 2 : Apply different layouts for subgraphs in the same time.
- Example 3 : Tranlate the layout parameters in dynamic.
- Example 4 : Custom layout for a bigraph.
- Example 5 : Layout timing events —— `beforelayout` and `afterlayout`.
