IDEA * IDEAドットインストール代表のライフハックブログ
MOONGIFT: » JavaScriptによる多彩なグラフライブラリ「LT Diagram Builder」:オープンソースを毎日紹介
Webページ上でグラフを描くというと、各種画像生成ライブラリを利用するだろうか。画像は手軽な反面、ダイナミックな生成ができず面倒な場合がある。 ダイナミックに描画を変更できると言えば、JavaScriptが便利だろう。そのようなニーズではこれを試してみよう。 今回紹介するオープンソース・ソフトウェアはLT Diagram Builder、JavaScriptベースのグラフ生成ライブラリだ。 LT Diagram Builderが対応しているのは棒グラフ、折れ線グラフ、関数グラフ、矢印、円グラフ、ガントチャート等多彩な描画に対応している。 ダイナミックな描画にも対応しており、関数の値を変更すれば、即座にグラフに反映する事ができる。JavaScriptの強みだろう。 また、PHPやASPでのグラフ生成にも対応している。結果的に出力されるのはJavaScriptのようだが、サーバサイドのデータを
MOONGIFT: » Googleファイナンスのグラフ風「Time Series Graph」:オープンソースを毎日紹介
横長のグラフを表示しようと思うと、細部が見づらくなったり、細かい横軸での変化が読み取りづらくなる。株式のグラフは特にそうだ。長い時間軸で見たい場合、短期で見たい場合、どちらも考えられる。 それをFlashを使ってうまく表示しているのがGoogle Financeで、さらにそれを真似たものがこれだ。 今回紹介するオープンソース・ソフトウェアはTime Series Graph、Google Financeのグラフ風ライブラリだ。 Time Series GraphはActionScript3を使って作られている。仕組みを簡単に言うと、上にグラフがあり、下に表示するスパンを指定する機能がつく。この下のスパンで表示する前後を指定すれば、その間のグラフが表示される仕組みだ。 折れ線グラフの他に、棒グラフの部分もあり、それらはマウスオーバーすると連動して表示が変わる。現状ではGoogle Finan
jQueryベースの滑らかなグラフ描画ライブラリ「Flot」:phpspot開発日誌
Ruminations: Flot 0.1 released! It draws on inspiration from Plotr and PlotKit, and several other commercial packages. But also from venerable old gnuplot - there's nothing more boring than hand-picking axis scales so I wanted the default algorithm to be smart. jQueryベースの滑らかなグラフ描画ライブラリ「Flot」。 Flotを使えば次のようなグラフをJavaScriptで描画することが可能です。 コードは次のように書くみたいです。 <div id="placeholder" style="width:600px;height
Google Chart APIを手軽に扱えるJavaScriptライブラリ「GChart 0.2 alpha」リリース：CodeZine
Solutoire.comはJavaScriptライブラリ「GChart 0.2 alpha」をリリースした。GChart Project Page内下側の「Download GChart」にて公開されている。 先日発表された「Google Chart API」は、URLパラメータだけで美しいチャートを描けるWeb APIだが、複雑なチャートを描こうとすると引数が多くなりすぎてしまい、非常に手間がかかってしまうという欠点があった。 「GChart 0.2 alpha」は、JavaScriptからGoogle Chart APIを呼び出す際にラッパーとなるライブラリで、ライブラリを読み込んだあと、bodyタグ内に以下のような簡単な実装をするだけでグラフ画像を表示させることができる。 <script type="text/javascript";> GChart.render({ re
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
[CSS]スタイルシートで実装するアクセシブルな棒グラフ -SAC Simple Accessible Charts
