mermaidは、Web上で簡単にフローチャートやシーケンス図などのUMLが描けるライブラリです。 d3.jsの機能特化型というかんじで、d3ほど様々なことはできませんが、そのかわりに対応してる図形なら非常に簡単に描くことが可能です。 なお、ヘルプはGitGraphやクラス図が載ってないなど未完成で、いまいち頼れません。 ごたくはいい、実物を見せろ こんなかんじ →支払い忘れてサーバが死んだので代替(誰かが書いたやつに勝手にリンク) できること 以下の図が描ける。 ・フローチャート ・シーケンス図 ・ガントチャート ・クラス図 ・gitグラフ 最後だけ異質だ。 インストール CDNを使えばいいだけだが、自分のところに置きたい場合はyarnで引っ張ってこれる。 <!DOCTYPE html> <html lang="ja"> <head> <link rel="stylesheet" hre
![簡単にガントチャートとかクラス図とか書けるやつ - Qiita](https://cdn-ak-scissors.b.st-hatena.com/image/square/d84bf761470feaaf2214fc7e0a1516d36b028f01/height=288;version=1;width=512/https%3A%2F%2Fqiita-user-contents.imgix.net%2Fhttps%253A%252F%252Fcdn.qiita.com%252Fassets%252Fpublic%252Farticle-ogp-background-9f5428127621718a910c8b63951390ad.png%3Fixlib%3Drb-4.0.0%26w%3D1200%26mark64%3DaHR0cHM6Ly9xaWl0YS11c2VyLWNvbnRlbnRzLmltZ2l4Lm5ldC9-dGV4dD9peGxpYj1yYi00LjAuMCZ3PTkxNiZoPTMzNiZ0eHQ9JUU3JUIwJUExJUU1JThEJTk4JUUzJTgxJUFCJUUzJTgyJUFDJUUzJTgzJUIzJUUzJTgzJTg4JUUzJTgzJTgxJUUzJTgzJUEzJUUzJTgzJUJDJUUzJTgzJTg4JUUzJTgxJUE4JUUzJTgxJThCJUUzJTgyJUFGJUUzJTgzJUE5JUUzJTgyJUI5JUU1JTlCJUIzJUUzJTgxJUE4JUUzJTgxJThCJUU2JTlCJUI4JUUzJTgxJTkxJUUzJTgyJThCJUUzJTgyJTg0JUUzJTgxJUE0JnR4dC1jb2xvcj0lMjMyMTIxMjEmdHh0LWZvbnQ9SGlyYWdpbm8lMjBTYW5zJTIwVzYmdHh0LXNpemU9NTYmdHh0LWNsaXA9ZWxsaXBzaXMmdHh0LWFsaWduPWxlZnQlMkN0b3Amcz0yNjVkZTM2OTU2Zjg1NTNkNWVjYTNlZTIxMDE0YWQ0Yg%26mark-x%3D142%26mark-y%3D112%26blend64%3DaHR0cHM6Ly9xaWl0YS11c2VyLWNvbnRlbnRzLmltZ2l4Lm5ldC9-dGV4dD9peGxpYj1yYi00LjAuMCZ3PTYxNiZ0eHQ9JTQwcmFuYV9rdWFsdSZ0eHQtY29sb3I9JTIzMjEyMTIxJnR4dC1mb250PUhpcmFnaW5vJTIwU2FucyUyMFc2JnR4dC1zaXplPTM2JnR4dC1hbGlnbj1sZWZ0JTJDdG9wJnM9OWEyOTM0NDEzMjY2OGY0ODNmNzM4MTFlNmFhMTMzY2U%26blend-x%3D142%26blend-y%3D491%26blend-mode%3Dnormal%26s%3D0401fb45b2164bdb8f49a99e22b26bc7)