---
title: 可視化神經網絡架構
tag: 可視化, 神經網絡, graphviz
---
如何可視化神經網絡架構
===

digraph G {
    rankdir=LR splines=line nodesep=.1;

    node [label=""];
    edge [dir=none];

    subgraph cluster_0 {
		color=white;
        node [style=solid, color=blue4, shape=circle];
		x0 x1 x2;
		label = "layer 1";
	}
	subgraph cluster_1 {
		color=white;
		node [style=solid, color=red2, shape=circle, label="_/"];
		a0 a1 a2 a3 a4;
		label = "layer 2";
	}

	subgraph cluster_2 {
		color=white;
		node [style=solid, color=red2, shape=circle, label="_/"];
		b0 b1 b2 b3 b4;
		label = "layer 3";
	}

	subgraph cluster_3 {
		color=white;
		node [style=solid, color=seagreen2, shape=circle, label="~"];
		y0 y1 y2;
		label="layer 4";
	}

    { x0 x1 x2 } -> { a0 a1 a2 a3 a4 }
                 -> { b0 b1 b2 b3 b4 }
                 -> { y0 y1 y2 }

}

reference: https://zhu45.org/posts/2017/May/25/draw-a-neural-network-through-graphviz/

<video style="width:100%;" src="https://telegra.ph/file/d9e10ad36ce923bc92e82.mp4" preload="auto" autoplay="autoplay" loop="loop" muted="muted"></video>
<video style="width:100%;" src="https://telegra.ph/file/b6dcb697a4712def61c13.mp4" preload="auto" autoplay="autoplay" loop="loop" muted="muted"></video>
<video style="width:100%;" src="https://telegra.ph/file/87dc472eafdf08a3c7006.mp4" preload="auto" autoplay="autoplay" loop="loop" muted="muted"></video>