FossFlow。GitHub のトレンドを見ていて触りたくなったのでメモ。
stan-smith/FossFLOW: Make beautiful isometric infrastructure diagrams
アイソメトリック (Isometric) とは主に「等角投影図法」とのこと。FossFlow はお洒落な等角投影図法の絵が描けるツールです。
Try it online
Go to --> https://stan-smith.github.io/FossFLOW/ <--
ということで https://stan-smith.github.io/FossFLOW/ から使ってみます。
FossFlow でアイソメトリック図のお絵描き
見た目はこのような感じです。
ノード
ノードを置いていきましょう。
ICON PACK MANAGEMENT から Icon Packs が追加できる。
馴染みのアイコンが出てくるのは嬉しいです。
マルチクラウドな図が描けます。
追加
Add Node からノードを追加します。
削除
Delete で削除します。
文字
文字も書けます。
保存
注意点として、ブラウザのセッション毎でしか絵は保存されないので、作成中の絵は json にエクスポートして保存しておくこと。
画像で出力
出力してみます。
ほか参考
Isometric Icons & Symbols
Iconify - home of open source icons
FossFLOW - Isometric Diagramming Tool : r/selfhosted
FossFLOW：おしゃれなアイソメトリック図を描くツール
以上です～