《Magic Network》：一个小孩都能玩的神经网络交互系统

创作背景

最近，博主在课程“交互媒体专题设计”老师的推荐下，完整地阅读了《The Nature of Code》。其实，这已经是博主第三次阅读这本书了，只不过前面两次的阅读都比较零碎：在第一次阅读之后，博主做了一个马拉松的可视化网页【1】，其核心是粒子系统；在第二次阅读之后，博主对《Starry Night》这个作品进行了复现【2】（虽然博主最近才意识到自己当时的做法远没有原作来得精妙），其核心还是粒子系统。因此，在这次完整阅读了书中所有的内容之后，博主决定结合书中的其它内容来创作一个新的交互系统。由于该书的最后一个章节对神经网络【3】进行了简单的介绍，而博主最近又恰好在学习Deep Learning方面的知识，深知这一概念的抽象性。于是，为了帮助更多的人了解这一个领域，一个名为《Magic Network》的神经网络可视搭建系统就这样诞生了。用户通过该系统可以很直观地了解到神经网络是如何工作的，并且能够十分轻松地搭建出属于自己的简单神经网络。

系统概述

（1）整体界面

整个系统的界面主要由以下4个部分构成：
（a）网络各层的节点按钮列表。本系统允许用户最多搭建隐藏层数为7（默认层数为1）的简易神经网络。其中，圆形按钮表示输入层节点，方形按钮表示隐藏层节点（不同的隐藏层用不同的颜色表示），而三角形按钮则表示输出层节点。
（b）神经网络搭建窗口。在该窗口下，用户只需要简单地拖动节点按钮就可以搭建出自己想要的神经网络。除此之外，系统还提供了一个子窗口用于调整基本的网络参数：迭代次数（iteration）、学习速率（learning rate）和期望误差（expected error）。
（c）