Skip to content

Commit

Permalink
Update graph_viz.md
Browse files Browse the repository at this point in the history
  • Loading branch information
Torthu committed Nov 18, 2015
1 parent 42f989f commit 1737817
Showing 1 changed file with 23 additions and 22 deletions.
45 changes: 23 additions & 22 deletions SOURCE/how_tos/graph_viz.md
View file
Original file line number Diff line number Diff line change
Expand Up @@ -2,7 +2,8 @@

TensorFlow图表计算强大而又复杂，图表可视化在理解和调试时显得非常有帮助。 下面是一个运作时的可式化例子。

![一个TensorFlow图表的可视化](./graph_vis_animation.gif "一个TensorFlow图表的可视化")
![一个TensorFlow图表的可视化](http://tensorflow.org/how_tos/graph_viz/graph_vis_animation.gif)
"一个TensorFlow图表的可视化")
*一个TensorFlow图表的可视化。*

要看到自己的图表，将TensorBoard指向此工作的日志目录并运行，点击图表顶部窗格的标签页，然后在左上角的菜单中选择合适的运行。想要深入学习关于如何运行TensorBoard以及如何保证你是在记录所有必要信息，查看[Summaries和TensorBoard](../../how_tos/summaries_and_tensorboard/index.md).
Expand Down Expand Up @@ -33,10 +34,10 @@ with tf.name_scope('hidden') as scope:
<table width="100%;">
<tr>
<td style="width: 50%;">
<img src="./pool1_collapsed.png" alt="未展开的名字域" title="未展开的名字域" />
<img src="http://tensorflow.org/how_tos/graph_viz/pool1_collapsed.png" alt="未展开的名字域" title="未展开的名字域" />
</td>
<td style="width: 50%;">
<img src="./pool1_expanded.png" alt="展开的名字域" title="展开的名字域" />
<img src="http://tensorflow.org/how_tos/graph_viz/pool1_expanded.png" alt="展开的名字域" title="展开的名字域" />
</td>
</tr>
<tr>
Expand All @@ -63,10 +64,10 @@ with tf.name_scope('hidden') as scope:
<table width="100%;">
<tr>
<td style="width: 50%;">
<img src="./conv_1.png" alt="conv_1是主图表的部分" title="conv_1是主图表的部分" />
<img src="http://tensorflow.org/how_tos/graph_viz/conv_1.png" alt="conv_1是主图表的部分" title="conv_1是主图表的部分" />
</td>
<td style="width: 50%;">
<img src="./save.png" alt="save被抽出为从属节点" title="save被抽出为从属节点" />
<img src="http://tensorflow.org/how_tos/graph_viz/save.png" alt="save被抽出为从属节点" title="save被抽出为从属节点" />
</td>
</tr>
<tr>
Expand All @@ -84,18 +85,18 @@ with tf.name_scope('hidden') as scope:
<table width="100%;">
<tr>
<td style="width: 50%;">
<img src="./series.png" alt="节点序列" title="节点序列" />
<img src="http://tensorflow.org/how_tos/graph_viz/series.png" alt="节点序列" title="节点序列" />
</td>
<td style="width: 50%;">
<img src="./series_expanded.png" alt="展开的节点序列" title="展开的节点序列" />
<img src="http://tensorflow.org/how_tos/graph_viz/series_expanded.png" alt="展开的节点序列" title="展开的节点序列" />
</td>
</tr>
<tr>
<td style="width: 50%;">
一个节点序列的折叠视图。
</td>
<td style="width: 50%;">
双击后展开视的一小块。
视图的一小块, 双击后展开。
</td>
</tr>
</table>
Expand All @@ -104,15 +105,15 @@ with tf.name_scope('hidden') as scope:

符号 | 意义
--- | ---
![名字域](./namespace_node.png "名字域") | *High-level*节点代表一个名字域，双击则展开一个高层节点。
![断线节点序列](./horizontal_stack.png "断线节点序列") | 彼此之间不连接的有限个节点序列。
![相连节点序列](./vertical_stack.png "相连节点序列") | 彼此之间相连的有限个节点序列。
![操作节点](./op_node.png "操作节点") | 一个单独的操作节点。
![常节点](./constant.png "常节点") | 一个常量。
![摘要节点](./summary.png "摘要节点") | 一个摘要节点。
![数据流边界](./dataflow_edge.png "数据流边界") | 显示各操作间的数据流边界。
![控制依赖边界](./control_edge.png "控制依赖边界") | 显示各操作间的控制依赖边界。
![参考边界](./reference_edge.png "参考边界") | 一个参考边界展示了即将离任的操作节点可以使之后到来的tensor发生变化。
![名字域](http://tensorflow.org/how_tos/graph_viz/namespace_node.png "名字域") | *High-level*节点代表一个名字域，双击则展开一个高层节点。
![断线节点序列](http://tensorflow.org/how_tos/graph_viz/horizontal_stack.png "断线节点序列") | 彼此之间不连接的有限个节点序列。
![相连节点序列](http://tensorflow.org/how_tos/graph_viz/vertical_stack.png "相连节点序列") | 彼此之间相连的有限个节点序列。
![操作节点](http://tensorflow.org/how_tos/graph_viz/op_node.png "操作节点") | 一个单独的操作节点。
![常节点](http://tensorflow.org/how_tos/graph_viz/constant.png "常节点") | 一个常量。
![摘要节点](http://tensorflow.org/how_tos/graph_viz/summary.png "摘要节点") | 一个摘要节点。
![数据流边界](http://tensorflow.org/how_tos/graph_viz/dataflow_edge.png "数据流边界") | 显示各操作间的数据流边界。
![控制依赖边界](http://tensorflow.org/how_tos/graph_viz/control_edge.png "控制依赖边界") | 显示各操作间的控制依赖边界。
![参考边界](http://tensorflow.org/how_tos/graph_viz/reference_edge.png "参考边界") | 一个参考边界展示了即将离任的操作节点可以使之后到来的tensor发生变化。

## 交互 <a class="md-anchor" id="AUTOGENERATED-interaction"></a>

Expand All @@ -123,15 +124,15 @@ with tf.name_scope('hidden') as scope:
<table width="100%;">
<tr>
<td style="width: 50%;">
<img src="./infocard.png" alt="一个名字域的详情卡片" title="一个名字域的详情卡片" />
<img src="http://tensorflow.org/how_tos/graph_viz/infocard.png" alt="一个名字域的详情卡片" title="一个名字域的详情卡片" />
</td>
<td style="width: 50%;">
<img src="./infocard_op.png" alt="操作节点的详情卡片" title="操作节点的详情卡片" />
<img src="http://tensorflow.org/how_tos/graph_viz/infocard_op.png" alt="操作节点的详情卡片" title="操作节点的详情卡片" />
</td>
</tr>
<tr>
<td style="width: 50%;">
详情卡片展示<code>conv2</code>名字域的详细信息，名字域中操作节点的输入和输出被结合在一起，适用于不显示属性的名字空间。
详情卡片展示<code>conv2</code>名字域的详细信息，名字域中操作节点的输入和输出被结合在一起，适用于不显示属性的名字域。
</td>
<td style="width: 50%;">
详情卡片展示<code>DecodeRaw</code>操作节点，除了输入和输出，卡片也会展示与当前节点相关的设备和属性。
Expand All @@ -150,10 +151,10 @@ with tf.name_scope('hidden') as scope:
<table width="100%;">
<tr>
<td style="width: 50%;">
<img src="./colorby_structure.png" alt="按结构着色" title="按结构着色" />
<img src="http://tensorflow.org/how_tos/graph_viz/colorby_structure.png" alt="按结构着色" title="按结构着色" />
</td>
<td style="width: 50%;">
<img src="./colorby_device.png" alt="按设备着色" title="按设备着色" />
<img src="http://tensorflow.org/how_tos/graph_viz/colorby_device.png" alt="按设备着色" title="按设备着色" />
</td>
</tr>
<tr>
Expand Down

0 comments on commit 1737817

Please sign in to comment.