HTML5の登場によりCanvasやSVGなどを利用することでWebサイトやアプリでリッチな表現ができるようになってきています。しかし、CanvasやSVGを使って全て自前でグラフを描くのは大変なので、D3.jsなどのライブラリを使用してグラフや図を描くことが多いと思います。そこで、今回は「JavaScript Diagramming Library」であるJointJSを使い、ブラウザ上に図を書いてみます。 JointJSとは JointJS はJavaScriptでダイアグラム描くことができるライブラリで、2014年5月16日時点では0.9.0となっています。JointJSは、「静的や動的なダイアグラムが作れるJavaScriptライブラリ」であると公式ページにて謳われています。JointJSは以下のように色々な図が表現可能になっています。 JointJSデモ ~Rappid A co
![[JointJS入門]JointJSを使ってブラウザ上にフォルダ構成図を描いてみよう - Tech-Sketch](https://cdn-ak-scissors.b.st-hatena.com/image/square/7e24f346cf6b48fbc88431e22d16794f6f6b0888/height=288;version=1;width=512/http%3A%2F%2Ftech-sketch.jp%2Fassets_c%2F2014%2F06%2Fjointjs_tutorial-thumb-600x405-1883.png)