[JS]手書き風のシーケンス図をウェブページに簡単に設置できるスクリプト -JS Sequence Diagrams | コリス
Demo 3 JS Sequence Diagramsの使い方 Step 1: 外部ファイル JS Sequence Diagramsの実装には、「Underscore.js」と「Raphaël」が必要です。 <script src="raphael-min.js"></script> <script src="underscore-min.js"></script> <script src="sequence-diagram-min.js"></script> Step 2: HTML シーケンス図を描画するエリアを確保します。 <div id="diagram"></div> Step 3: JavaScript スクリプトでテキストを書き、実行します。 <script> var diagram = Diagram.parse("A->B: Message"); diagram.dra
データを分かりやすくスタイリッシュに可視化できるJavascriptライブラリ「D3.js」
どんなに情報をまとめても、それを可視化して見ている人にうまく伝えるのは至難の技です。そんな時にデータをスタイリッシュかつ見やすいグラフにしてくれるのが、様々なデザインのJavascriptがダウンロード可能なライブラリ「D3.js」です。 D3.js - Data-Driven Documents http://d3js.org/ D3.jsを使って作ったグラフの事例を公式ギャラリーから見ることが可能で、これらのグラフにもとになる素材(スクリプトのソース)がGitHubで入手可能です。 Gallery · mbostock/d3 Wiki · GitHub デザインの一例は以下から。 ◆:Bubble Chart 作成例によっては、ページに直接コードが記載されているものもあります。 ◆:Four Ways to Slice Obama’s 2013 Budget Proposal - In
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
