---
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 : Tranlate the layout parameters in dynamic.
- Example 3 : Custom layout for a bigraph.
- Example 4 : Layout timing events —— `beforelayout` and `afterlayout`.
