Javascript 流程图生成器

我不确定这个问题是否属于这里——如果不是，请告诉我这些问题的正确位置在哪里

我目前正在为一个解析文本文件的js软件设计一个在线API文档

文本文件的每一行都是一个“命令”，必须描述每个命令的语法

这是我想生成的输出示例：

CREATE [ UNIQUE | BITMAP ] INDEX [ schema. ]index
  ON { cluster_index_clause
     | table_index_clause
     | bitmap_join_index_clause
     } ;

生成此图表的输入如下所示：

CREATE [ UNIQUE | BITMAP ] INDEX [ schema. ]index
  ON { cluster_index_clause
     | table_index_clause
     | bitmap_join_index_clause
     } ;

这个例子来自Oracle SQL文档，我想知道是否有一个工具可以自动生成这种图表？甚至可能是用Javascript编写的？

一般来说，“查找工具”之类的问题在这里都是离题的，但是。。。我总是觉得那些甲骨文图表很有趣，我真的很好奇。我相信任何绘图库（理论上）都可以生成这样的图形，但有具体提示的答案可能非常有用。