现在，一款名叫flowchart.fun的网页工具，就实现了这样的功能。也就是说，当你想要在线上输入文字，用“:”就可以实现了。括号中的数字，即为箭头指向的列。另外需要说明的是，图中的框线都是可以手动调整位置的。flowchart.fun一上线，就以其简洁的风格、简单的操作赢得了不少网友的点赞。而flowchart.fun的轻便、响应迅速，也是网友们好评如潮的重要原因：我感觉这就像命令行一样，我实在很烦PlantUML漫长的文档编译时间。
输入文字自动生成流程图?鱼羊 发自 凹非寺量子位 报道 | 公众号 QbitAI，下面我们就来说一说关于输入文字自动生成流程图?我们一起去了解并探讨一下这个问题吧!
输入文字自动生成流程图
鱼羊 发自 凹非寺量子位 报道 | 公众号 QbitAI
流程图/思维导图让工作变得高效。
但是，绘制流程图/思维导图的方式能不能更高效一些呢？
比如，随手敲字，就自动生成简洁明了的可伸缩矢量图。
现在，一款名叫flowchart.fun的网页工具，就实现了这样的功能。
像这样敲下一行文字，就能自动生成一个框图，输入的文字即为图上显示的文字。
而想要绘制下一级框图，另起一行，用缩进就能控制：
这样一个小工具，已经在GitHub上获得了300 的标星。
并且，它能实现的效果，也不止是上面展示的这么简单，具体详情，不如一起来在线试试~
功能试玩你可能也注意到了，在上图中，当输入一行：
on the fly: by type
连接框图的箭头线上就出现了“on the fly”的字样。
也就是说，当你想要在线上输入文字，用“: ”就可以实现了。
比如if结构，就可以这样表示：
并且，箭头并非只能单向连接到下一级，比如想拉一个从第4级框图到第1级框图的箭头，只需另起一行缩进，输入(1)。括号中的数字，即为箭头指向的列。
另外需要说明的是，图中的框线都是可以手动调整位置的。
网站还提供了SVG文件的下载。
是不是还挺简单、方便的？
flowchart.fun一上线，就以其简洁的风格、简单的操作赢得了不少网友的点赞。
就有网友已经第一时间把它用在了工作中，并强烈安利：
我已经用它来向客户展示我们的架构了。
如果你没有试过像这样一步一步创建一个图表，我强烈推荐你试一试。
爱了爱了，我想把这个加入我们用生物数据构建图表的工作流中。
而flowchart.fun的轻便、响应迅速，也是网友们好评如潮的重要原因：
我感觉这就像命令行一样，我实在很烦PlantUML漫长的文档编译时间。
另外，据作者介绍，这款工具主要是用可视化工具库cytoscape.js和Facebook的create react app打造的。
那么，你觉得这个流程图工具可还行？
如果感兴趣，不妨通过下方传送门，亲自体验一下吧~
传送门网站地址：http://flowchart.fun/
— 完 —
量子位 QbitAI · 头条号签约
关注我们，第一时间获知前沿科技动态
