ITエンジニア/デザイナ向けにオープンソースを毎日紹介

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

 

MOONGIFTの関連記事

コメント

  • DevRel
  • Com2