首页 > 其他分享 >好玩的文字流程图:flowchart-fun

好玩的文字流程图:flowchart-fun

时间:2022-10-22 11:01:12浏览次数:48  
标签:文字 流程图 框图 箭头 fun flowchart

流程图 / 思维导图让工作变得高效。

但是,绘制流程图 / 思维导图的方式能不能更高效一些呢?

比如,随手敲字,就自动生成简洁明了的可伸缩矢量图。

现在,一款名叫flowchart.fun的网页工具,就实现了这样的功能。

像这样敲下一行文字,就能自动生成一个框图,输入的文字即为图上显示的文字。

而想要绘制下一级框图,另起一行,用缩进就能控制:


好玩的文字流程图:flowchart-fun_思维导图

这样一个小工具,已经在 GitHub 上获得了 300+ 的标星。


并且,它能实现的效果,也不止是上面展示的这么简单,具体详情,不如一起来在线试试 ~

功能试玩

你可能也注意到了,在上图中,当输入一行:

on the fly: by type

连接框图的箭头线上就出现了 "on the fly" 的字样。

也就是说,当你想要在线上输入文字,用 ": " 就可以实现了。

比如 if 结构,就可以这样表示:

并且,箭头并非只能单向连接到下一级,比如想拉一个从第 4 级框图到第 1 级框图的箭头,只需另起一行缩进,输入 ( 1 ) 。括号中的数字,即为箭头指向的列。

另外需要说明的是,图中的框线都是可以手动调整位置的。


好玩的文字流程图:flowchart-fun_思维导图_02

是不是还挺简单、方便的?

网站地址:https://flowchart.fun/

标签:文字,流程图,框图,箭头,fun,flowchart
From: https://blog.51cto.com/domi/5785720

相关文章

  • [Typescript] Tips: Use assertion functions inside classes
    Youcandosomereally,reallyneatstuffwithassertionfunctionsinsideclasses.Here,weassertthattheuserisloggedinandgetproperinferenceontheu......
  • [COMP2121] Discrete Mathematics - Question on Function
    DescriptionLet$A$beafiniteset,andlet$F(A)$bethesetofallfunctionsfrom$A$toitself.Considertherelation$R$on$F(A)$definedby$fRg$ifand......
  • Prefix Function Queries
    传送门感觉字符串只会hash了。这里提几点易错点:①字符串能不用string就不用。反正这道题因为string的size(不能正常清空)和读入Wa飞了②hash都写双模数。......
  • MySQL 函数 function
    函数内置函数function字符串--常用函数串操作函数set@str='hello中国';select@str,length(@str),char_length(@str),character_length(@str),reverse(@str);......
  • 02 - functions
    functionsSummingUpDigitsusingfunctiontosolveit//everytimegetthelastdigitandadd.intsumOfDigitsOf(intn){intresult=0while(n>0......
  • 01 - fundamentals
    fundamentalsIfsomeoneclaimstohavetheperfectprogramminglanguage,heiseitherafoolorasalesmanorboth.要是有人说有完美的编程语言,那这货要么是个傻d......
  • P1464 function
    Function题目描述对于一个递归函数w(a,b,c)如果a<=0或b<=0或c<=0就返回值。如果a>20a>20或b>20b>20或c>20c>20就返回w(20,20,20)w(20,20,20)如果a<ba<b......
  • ctfshow web147(create_function函数命令执行)
    if(isset($_POST['ctf'])){$ctfshow=$_POST['ctf'];if(!preg_match('/^[a-z0-9_]*$/isD',$ctfshow)){$ctfshow('',$_GET['show']);}}首先第......
  • CF757E Bash Plays with Functions
    CF757EBashPlayswithFunctions\[f_0(n)=\sum_{uv=n}[u⊥v]\]\[f_r(n)=\sum_{uv=n}\frac{f_{r-1}(u)+f_{r-1}(v)}{2}\]CODE\[f_r(n)=\sum_{u|......
  • Entity Framework教程-存储过程、视图、函数(Stored Procedures, Views, and Functions
    更新记录转载请注明出处:2022年10月20日发布。2022年10月10日从笔记迁移到博客。存储过程(StoredProcedures)在EFCore中定义存储过程直接调用sql命令定义存储过程......