简介 ​

图是一种常见的数据结构和表示形式，可视化场景也经常会用到图来展现有关联关系的数据。进行图的可视化时，往往需要将其自动布局，而针对不同的问题和场景，需要不同的布局方法。本文主要介绍图的层次布局的思路。

• 一些常用的图的布局方法:

1. 层次布局
2. 力导向布局
3. Grid网格布局
4. 辐射布局
5. 环形布局
6. 同心圆布局

图的层次布局（Sugiyama 布局） ​

在数据有一定层级结构或先后顺序时，经常会用到层次布局来展现，一般对应的数据结构是 DAG （ Directed Acyclic Graph ，即有向无环图）。

• 常用的场景包括：

1. 流程图
2. 组织架构图
3. 状态转移图

层次布局也被称为 Sugiyama布局。