diff --git a/docs/components/README.md b/docs/components/README.md
index cbbfa4d7610fbe7f311f4cb5b844aa00e7b5ce67..5d36ab32b03184585c789e3ae7da5d3581aca7a5 100644
--- a/docs/components/README.md
+++ b/docs/components/README.md
@@ -8,11 +8,12 @@ VisualDL 是一个面向深度学习任务设计的可视化工具。VisualDL
目前，VisualDL 支持 scalar, image, high dimensional 三个组件，项目正处于高速迭代中，敬请期待新组件的加入。
-| 组件名称 | 展示图表 | 作用 |
-| :------------------------------------------------------------------: | :--------: | :---------------------------------------------------------------- |
-| [Scalar](#Scalar--折线图组件) | 折线图 | 动态展示损失函数值、准确率等标量数据 |
-| [Image](#Image--图片可视化组件) | 图片可视化 | 显示图片，可显示输入图片和处理后的结果，便于查看中间过程的变化 |
-| [High Dimensional](#High-Dimensional--数据降维组件) | 数据降维 | 将高维数据映射到 2D/3D 空间来可视化嵌入，便于观察不同数据的相关性 |
+| 组件名称 | 展示图表 | 作用 |
+| :----------------------------------------------------------: | :--------: | :----------------------------------------------------------- |
+| [ Scalar](#Scalar--折线图组件) | 折线图 | 动态展示损失函数值、准确率等标量数据 |
+| [Image](#Image--图片可视化组件) | 图片可视化 | 显示图片，可显示输入图片和处理后的结果，便于查看中间过程的变化 |
+| [Graph](#Graph--网络结构组件) | 网络结构 | 展示网络结构、节点属性及数据流向，辅助学习、优化网络结构 |
+| [High Dimensional](#High-Dimensional--数据降维组件) | 数据降维 | 将高维数据映射到 2D/3D 空间来可视化嵌入，便于观察不同数据的相关性 |
@@ -159,7 +160,7 @@ if __name__ == '__main__':
with LogWriter(logdir="./log/image_test/train") as writer:
for step in range(6):
# 添加一个图片数据
- writer.add_image(tag="doge",
+ writer.add_image(tag="eye",
img=random_crop("../../docs/images/eye.jpg"),
step=step)
```
@@ -177,19 +178,98 @@ visualdl --logdir ./log --port 8080
### 功能操作说明
-可搜索图片标签显示对应图片数据
+- 可搜索图片标签显示对应图片数据
-支持滑动Step/迭代次数查看不同迭代次数下的图片数据
+- 支持滑动Step/迭代次数查看不同迭代次数下的图片数据
+## Graph--网络结构组件
+
+### 介绍
+
+Graph组件一键可视化模型的网络结构。用于查看模型属性、节点信息、节点输入输出等，并进行节点搜索，协助开发者们快速分析模型结构与了解数据流向。
+
+### Demo
+
+共有两种启动方式：
+
+1. 如果只需要使用Graph功能，在命令行执行`visualdl`后，在浏览器输入`http://127.0.0.1:8040`即可启动。
+
+2. 如果同时需使用其他功能，在命令行执行
+
+ ```shell
+ visualdl --logdir ./log --port 8080
+ ```
+
+ 在浏览器输入`http://127.0.0.1:8080`，即可启动。
+
+启动后上传模型即可查看网络结构可视化：
+
+
+ 
+
+
+### 功能操作说明
+
+- 一键上传模型
+
+
+ 
+
+
+- 支持上下左右任意拖拽模型、放大和缩小模型
+
+
+ 
+
+
+- 搜索定位到对应节点
+
+
+ 
+
+
+- 点击查看模型属性
+
+
+ 
+
+
+
+ 
+
+
+- 支持选择模型展示的信息
+
+
+ 
+
+
+- 支持以PNG、SVG格式导出文件
+
+
+ 
+
+
+- 点击节点即可展示对应属性信息
+
+
+ 
+
+
+- 支持一键更换模型
+
+
+ 
+
## High Dimensional--数据降维组件