怎么画一个语法的规则图(syntax illustration)

[hackingwu]

例如 http://www.json.org/value.gif

例如 https://docs.oracle.com/cd/B19306_01/server.102/b14200/img/regexp_replace.gif

[Mutoo]

最近在用 Nearley 做语法解析，它用的是 https://github.com/tabatkins/railroad-diagrams 这个开源工具来生成轨道图。