JavaScriptでネットワークや、データフロー、状態遷移を表現できる図かけたらいいなぁと思っていた所、いいのがありました！
状態遷移図等々
http://jsplumb.org/demo/statemachine/dom.html
CSSでお絵かき
作図ツールで描いた絵をcssのみで表現する
- INKSCAPEで絵を描いてSVG保存
- https://github.com/shogo82148/svg2css のツールを使い変換
参考にしたサイト
http://shogo82148.github.io/homepage/soft/internet/svg2css/slide.html#slide30