g6/examples/scatter/stateChange/index.en.md

---
title: State Switch
order: 2
---

State of G6 includes interaction states and bussiness states.

### Usage

Animation is an important part of visualization. Users can realized complex animation by `onFrame`. The Demo below shows how to realized edge animation with interaction by states.

For more information, please refer to document [Animation](/zh/docs/manual/advanced/animation-zh)。
add: simplify cluster case. add: english version of demos 2019-11-14 23:10:02 +08:00			`---`
			`title: State Switch`
			`order: 2`
			`---`

			`State of G6 includes interaction states and bussiness states.`

			`### Usage`

chore: prettier all code 2020-02-14 10:10:54 +08:00			Animation is an important part of visualization. Users can realized complex animation by `onFrame`. The Demo below shows how to realized edge animation with interaction by states.
add: simplify cluster case. add: english version of demos 2019-11-14 23:10:02 +08:00
chore: prettier all code 2020-02-14 10:10:54 +08:00			`For more information, please refer to document [Animation](/zh/docs/manual/advanced/animation-zh)。`