wiki：https://github.com/yuruotong1/graphx_front_end/wiki
Bilibili视频：https://www.bilibili.com/video/BV1gq4y1i7bB/
这是一款自动化画图工具，具有以下特色：
语法非常简单，我耍几个例子你就懂了!
**-开车去->美国-坐飞机去->日本
北京-坐高铁去->上海 -坐飞机-> 日本
**--美国-->日本
北京-坐高铁去->上海 -坐飞机-> 日本
可以用表示子结构：
c--d
d--f
g {
d-->k
}
输入下面语法：
a--c
如果你觉得 'a' 和 'b' 不够具体，可以为图片起个别名：
输入下面语法：
**--北京
如果你对上述图片中的“图标”不满意，可在 graphx 页面进行修改：
点击图标
选择相应的图标即可更换：
生成图片后，若发现图片出现错误，有两种修改方法：
- 将图片 url 复制到浏览器上，然后将图片 url 中的
/png/更改为/parse/，进行访问
比如，graphx 生成了如下图片：
http://120.27.201.81:8888/graph/png?data=eyJyYXdEYXRhIjoiYy0tZCIsIm5vZGVMaXN0IjpbeyJhdmF0YXIiOiJodHRwczovL2ljb25zYXBpLmNvbS81ZWUyNjA2ZmU0YjBiNzg4YTkzMjllZTEuc3ZnIiwiaWQiOiJjIiwic2VhcmNoUGljdHVyZU5hbWUiOiJjIiwidGV4dCI6ImMifSx7ImF2YXRhciI6Imh0dHBzOi8vaWNvbnNhcGkuY29tLzVlZTI2MDZmZTRiMGI3ODhhOTMyOWVkYi5zdmciLCJpZCI6ImQiLCJzZWFyY2hQaWN0dXJlTmFtZSI6ImQiLCJ0ZXh0IjoiZCJ9XX0=.png
若想更改该图片，可以在浏览器上访问下面地址：
http://120.27.201.81:8888/graph/parse?data=eyJyYXdEYXRhIjoiYy0tZCIsIm5vZGVMaXN0IjpbeyJhdmF0YXIiOiJodHRwczovL2ljb25zYXBpLmNvbS81ZWUyNjA2ZmU0YjBiNzg4YTkzMjllZTEuc3ZnIiwiaWQiOiJjIiwic2VhcmNoUGljdHVyZU5hbWUiOiJjIiwidGV4dCI6ImMifSx7ImF2YXRhciI6Imh0dHBzOi8vaWNvbnNhcGkuY29tLzVlZTI2MDZmZTRiMGI3ODhhOTMyOWVkYi5zdmciLCJpZCI6ImQiLCJzZWFyY2hQaWN0dXJlTmFtZSI6ImQiLCJ0ZXh0IjoiZCJ9XX0=.png
哇，太神奇了！难道 graphx 把图片信息存进了数据库？不，不是的！
graphx 不存储图片，是图片的「解析工」，图片的相关信息会保存在 URL 中，工作原理如下：
若我提供的 graphx 服务器挂掉，你也可以手动部署服务器，该服务器也可解析图片！
React
Typescript
Django
Laravel
Facebook
Microsoft
Google
Alibaba
D3
Tencent