状态机，图灵机，automata可视化(visualization)，LaTex，Js，Java可视化方案

网页上的可视化

1. 如果想实现图灵机的网页动态可视化，可以参考这个：

http://turingmachine.io/

他的github地址为：https://github.com/aepsilon/turing-machine-viz

2. 静态的可以使用这个

https://github.com/jakesgordon/javascript-state-machine

3. 使用java语言实现，也有可视化类库

https://www.oracle.com/technetwork/systems/fsm-156381.html

4. 自己用D3或者Echarts实现

基于graph-simple来实现，对应文档为：
http://www.echartsjs.com/examples/editor.html?c=graph-simple
http://www.echartsjs.com/option.html#series-graph
下面是我一时兴起做的可视化，还有遗留问题：

• 节点位置怎么自动调整？
• 怎么画自己到自己的环？
  

5. 写作排版，教科书式规范使用Latex

使用latex的tikz绘图库，非常轻大：http://www.texample.net/tikz/examples/

%%%%%% 注意： 使用XeLaTeX编译
\documentclass[a4paper, 11pt]{article}
\usepackage{amsmath} %数学函数
%\usepackage{ctex} %中文支持
\usepackage{geometry}  %文档边距
\usepackage{c} %画图
\usepackage{multicol} %分栏
\usepackage{verbatim}
%\usetikzlibrary{automata, positioning} %自动机
\usepackage{pgf}
\usetikzlibrary{arrows, decorations.pathmorphing, backgrounds, positioning, fit, petri, automata}
\definecolor{yellow1}{rgb}{1,0.8,0.2}
\geometry{left=2.0cm,right=2.0cm,top=2.5cm,bottom=2.5cm} 
\begin{document}
\title{Homework2}
\author{Wang Taiwu, NO. 18S151560}
\maketitle
%1.29. 使