Webページ上でグラフを描くというと、各種画像生成ライブラリを利用するだろうか。画像は手軽な反面、ダイナミックな生成ができず面倒な場合がある。

ピクチャ 2 Thumbnail-34

ダイナミックに描画を変更できると言えば、JavaScriptが便利だろう。そのようなニーズではこれを試してみよう。

今回紹介するオープンソース・ソフトウェアはLT Diagram Builder、JavaScriptベースのグラフ生成ライブラリだ。

LT Diagram Builderが対応しているのは棒グラフ、折れ線グラフ、関数グラフ、矢印、円グラフ、ガントチャート等多彩な描画に対応している。

ピクチャ 3 Thumbnail-29

ダイナミックな描画にも対応しており、関数の値を変更すれば、即座にグラフに反映する事ができる。JavaScriptの強みだろう。

また、PHPやASPでのグラフ生成にも対応している。結果的に出力されるのはJavaScriptのようだが、サーバサイドのデータを使って容易にグラフが作れるのは嬉しい。

ピクチャ 4 Thumbnail-24

JavaScriptであれば日本語文字化けの心配もそれほどないし、何よりクライアントサイドだけで手軽に利用できる。グラフを生成する際には検討してほしいソフトウェアだ。

JavaScript Diagram Builder - Einleitung
 http://lutanho.net/diagramm/introduction.html
ピクチャ 6 Thumbnail-15
ピクチャ 5 Thumbnail-20
ピクチャ 10 Thumbnail-6
ピクチャ 7 Thumbnail-14
ピクチャ 11 Thumbnail-7
ピクチャ 12 Thumbnail-7
ピクチャ 8 Thumbnail-9
ピクチャ 9 Thumbnail-12