データ可視化のためのグラフ描画JavaScriptライブラリ20選 | ゆっくりと…
SixRevisionsでオンラインでグラフを描画する場合に活躍しそうなJavaScriptライブラリの特集がありましたので、紹介します。個人サイトではあまり役に立たないかもしれませんが、観ているだけで楽しくなります。元記事に敬意を表し、なるべく趣旨が異ならずかつ変な日本語にならないよう心がけたつもりですが、訳に間違えがありましたら容赦願います。 2010年1月17日 by Jacob Gube 退屈な数値データを美麗かつインタラクティブに解り易く可視化するためのJavaScriptライブラリは数多くあります。通常はHTMLテーブルで表現するデータを、JavaScriptを使って可視化し美しく見せる事ができればあなたのデータはアクセシビリティーの優れたものとなるでしょう。私は2008年にデータのグラフ化＆チャート化のためのJavaScriptを書き上げましたが、今回再び単なるデータに生命を
PHPベースのグラフ生成ライブラリ·pChart MOONGIFT
システムに入れたデータは何らかの形で出力される。多いのはグラフや表だろう。表は数値を細かく判断する場合には便利だが、もっと感覚的に肌で違いを感じられるのはグラフの方だ。そのため、グラフ作成に関するニーズは多い。 曲線を描くグラフ グラフを生成するライブラリは数多く存在するが、使い勝手や機能面で物足りない思いをしている人もいるだろう。そこでこちらをご紹介。 今回紹介するオープンソース・ソフトウェアはpChart、PHP向けのグラフ生成ライブラリだ。 pChartは折れ線グラフ、面グラフ、棒グラフなどを画像として生成することができる。細かな指定ができ、各要素が離れた円グラフ、なんてことやポインタに画像を使ったりすることもできる。もちろん複数の要素を同時に表示したり、折れ線グラフと面グラフを合わせるなんてこともできる。 コメント付き PHP単独で作られているので、PHPでシステムを構築している場
これは便利！誰でも簡単にグラフを描けるAPIがGoogleから登場！『Google Charts』 - IDEA*IDEA ～ 百式管理人のライフハックブログ ～
ドットインストール代表のライフハックブログ
データをどういう風に説明したいかを選ぶとグラフの種類を教えてくれてExcelやPowerPointでダウンロードできる『Chart Chooser』 | IDEA*IDEA
ドットインストール代表のライフハックブログ
MOONGIFT: » Googleファイナンスのグラフ風「Time Series Graph」:オープンソースを毎日紹介
横長のグラフを表示しようと思うと、細部が見づらくなったり、細かい横軸での変化が読み取りづらくなる。株式のグラフは特にそうだ。長い時間軸で見たい場合、短期で見たい場合、どちらも考えられる。 それをFlashを使ってうまく表示しているのがGoogle Financeで、さらにそれを真似たものがこれだ。 今回紹介するオープンソース・ソフトウェアはTime Series Graph、Google Financeのグラフ風ライブラリだ。 Time Series GraphはActionScript3を使って作られている。仕組みを簡単に言うと、上にグラフがあり、下に表示するスパンを指定する機能がつく。この下のスパンで表示する前後を指定すれば、その間のグラフが表示される仕組みだ。 折れ線グラフの他に、棒グラフの部分もあり、それらはマウスオーバーすると連動して表示が変わる。現状ではGoogle Finan
CSSだけで円グラフを表示するサンプル:phpspot開発日誌
Have a Slice This is an example of creating a semi-dynamic pie chart without the use of server-side imaging libraries CSSだけで円グラフを表示するサンプル。 次のような円グラフをCSSのみで実現するサンプルが公開されています。 HTMLコードは以下のようにシンプルに表現できます。 <div class="shadow"> <div id="example"> <div class="pie size35"></div> <p class="percent">37%</p> </div> </div> 次のような１個の円グラフを並べた横長画像のbackground-positionをずらして、必要な部分だけ表示することで実現しているようです。 サーバサイドでもクライアントサ
MOONGIFT: » 圧巻！AJAX DHTMLのグラフライブラリ「Timeplot」:オープンソースを毎日紹介
グラフを作るニーズは多い。また、そのためのライブラリも多種多様に存在している。PHPやJavaなどのプログラム言語によるもの、JavaScriptで作るもの、Flashで作るものといった具合だ。 その中にあって、これの完成度は非常に高い。まさに圧倒されてしまう綺麗さだ。 今回紹介するオープンソース・ソフトウェアはTimeplot、AJAX+DHTMLで作られたグラフ作成ライブラリだ。 Timeplotは単純な二次元の折れ線グラフ用のライブラリで、非常に細かく描画が行われる。特にグラフの上をマウスでなぞった時に各数値が表示されるのが素晴らしい。 同じプロジェクトの年表を作り出すTimeline形式をサポートしている。場合によって使い分けたり、見せ方を変えたりと便利に使えそうだ。グラフに備考をつけることもでき、特定の場所をクリックすると説明文が表示される。 サンプルは数多く登録されているので、
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
サイトでチャートやグラフを使いたい時に使えるまとめ パート2 - DesignWalker
エクセル用の棒グラフやパイチャートの73のテンプレート
[CSS]スタイルシートで実装するアクセシブルな棒グラフ -SAC Simple Accessible Charts