グラフを描画してくれるjQueryプラグインは、多分”jQuery Visualize”がベスト！ - Shinichi Nishikawa's
グラフを描画してくれるjQueryプラグインは、多分”jQuery Visualize”がベスト！ 2011 10/11 グラフを描画してくれるjQueryプラグインを紹介します。 グラフを動的に作ってくれるものとしては、他のjQueryプラグインやGoogle Chartというサービスなどがあります。 が、今回の”jQuery Visualize”は、中でも一番使いやすそうでしたので、ご紹介します。 他のプラグインについては、【jQuery】IEでも使えるグラフ描画ツール | 岡山のWebプログラマーがつぶやくブログ | 神歌.blogでまとめて紹介されています。 作れるグラフの種類 グラフは以下のものを使うことができます。 棒グラフ 線グラフ 線グラフで線の下を薄く塗れるやつ 円グラフ デザインは二種類 冒頭写真の黒っぽいCoolなのと別に、白っぽいのも用意されています。 また、背景画
データが分かりやすい、グラフやチャートにする10のスクリプト | コリス
WebTeckerのエントリーから、JavaScript, Flash, Silverlight, PHPなどを使用して、グラフやチャートなどにデータをビジュアル化するスクリプトの紹介です。
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
無償利用可能なFlashのグラフ描画コンポーネント「FusionCharts Free」 - GIGAZINE
商用以外では無料使用できるFlashのグラフ描画コンポーネントで、ASP.NET、ASP、PHP、JSP、ColdFusion、Ruby on Rails、通常のHTMLページ、PowerPointによるプレゼンテーションなどで利用することが可能です。パイチャートや棒グラフ、折れ線グラフなどなど、作成できるグラフの種類も多彩。 実際の具体的な例などは以下から。 FusionCharts Free - Animated Flash Charts & Graphs for ASP, ASP.NET, PHP applications http://www.fusioncharts.com/free/ グラフの例は以下からいろいろと見ることができます。 Chart Gallery Online Demos ダウンロードは以下のフォームに必要事項を記入すれば可能です。 Download なお、製品
MOONGIFT: » 圧巻！AJAX DHTMLのグラフライブラリ「Timeplot」:オープンソースを毎日紹介
グラフを作るニーズは多い。また、そのためのライブラリも多種多様に存在している。PHPやJavaなどのプログラム言語によるもの、JavaScriptで作るもの、Flashで作るものといった具合だ。 その中にあって、これの完成度は非常に高い。まさに圧倒されてしまう綺麗さだ。 今回紹介するオープンソース・ソフトウェアはTimeplot、AJAX+DHTMLで作られたグラフ作成ライブラリだ。 Timeplotは単純な二次元の折れ線グラフ用のライブラリで、非常に細かく描画が行われる。特にグラフの上をマウスでなぞった時に各数値が表示されるのが素晴らしい。 同じプロジェクトの年表を作り出すTimeline形式をサポートしている。場合によって使い分けたり、見せ方を変えたりと便利に使えそうだ。グラフに備考をつけることもでき、特定の場所をクリックすると説明文が表示される。 サンプルは数多く登録されているので、
グラフ/dojo.charting.Chart - Dojo/JavaScript Toolkitのメモ
Dojoでは、グラフを描画する方法として、dojo.charting.Chartとdojo.widget.Chartの２つが提供されている。 dojo.charting.ChartはJavaScriptでグラフの描画方法を指定するのに対して、dojo.widget.Chartは主にHTMLのtable要素として指定する。 dojo.charting.Chartで指定する方法を説明する。 まず、以下の2つをrequireする。 dojo.require("dojo.collections.Store"); dojo.require("dojo.charting.Chart"); 次にJSON形式のグラフデータをdojo.collections.Storeに読み込む。 var json = [ { x: 0, y: 110, y2: 20}, { x: 10, y: 24, y2: 4}, {
Emprise JavaScript Charts :: 100% Pure JavaScript Charts
Features Interactive: Features such as Hints, Mouse Tracking, Mouse Events, Key Tracking and Events, Zooming, Scrolling, and Crosshairs raise interactivity and user experience in web charting to a new level. Axis Scaling: There's no need to determine your data range before hand. EJSChart will calculate and scale automatically to fit whatever data it is presented with. Auto Zooming, Scrolling: Too
prototype.jsを使ったJavaScriptでグラフ描画ライブラリ「Plotr」:phpspot開発日誌
超クールな画像スライドショーを実現するためのJavaScriptライブラリ「F... 次の記事 ≫：フリーのPHPフォトギャラリースクリプト「phpGraphy」 solutoire.com | Plotr So I took some parts of PlotKit and wrote some parts myself. The result is a lightweight charting framework (12kb!) named Plotr. prototype.jsを使ったJavaScriptでグラフ描画ライブラリ「Plotr」。 次のようなグラフをJavaScript+CSSで描画することが可能。 ライブラリを使ったソースコード例は次になります。 var dataset = { 'myFirstDataset': [[0, 1], [1, 0.8], [2, 2.3]
「Gruff」 with Rubyでスタイリッシュなグラフを描こう - Kazuhiro's Weblog
Rubyをつかって、スタイリッシュなグラフを描く方法を紹介します。 グラフを描くためのライブラリを探してみると、いくつかの面白そうなライブラリが見つかります。 今回はそのようなライブラリのなかから「Gruff」というライブラリをつかって、グラフを描く方法を紹介したいと思います。 このライブラリを選んだ理由は、次の2点です。 「グラフが美しい」 (サンプルは、こちらのサイトで確認できます。) 「コーディングがシンプル」 まずは、インストール方法を紹介します。 インストールは、以下の手順で行います。 (1)「ImageMagick」をインストールする (2)「RMagick」をインストールする (3)「Gruff」のインストールする 順を追って説明します。 (1)「ImageMagick」をインストールする 「ImageMagick」のサイトから、 必要なバイナリまたはソースコードをダウンロー
グラフ描画機能が追加されたJavaScriptライブラリ「Dojo 0.4」:phpspot開発日誌
dojo, the Javascript Toolkit: brought to you by the Dojo Foundation グラフ描画機能が機能追加されたJavaScriptライブラリ「Dojo 0.4」。 次のようなグラフがJavaScriptで描画することが可能です。曲線も美しいですね。一見Flashを使っているようにも見えます。 グラフ描画するためには、dojo.jsを読み込んで、次のようなコードを書きます。 dojo.require("dojo.collections.Store"); dojo.require("dojo.charting.Chart"); dojo.require('dojo.json'); // our sample data for our line chart. var json = [ { x: 0, y: 110, size:20, x2:
Graraph - mz.skr.jp
「Graraph」は、折れ線グラフを描画するためのJavaScriptライブラリです。 たとえば、次のようなグラフを表示したければ… Graraphライブラリをロードして、以下のコードを書くだけです。 // 表示したいデータの名前と値 var data = [ ['去年',[530,519,585,765,994,728]], ['今年',[789,335,801,1197,1245,970]] ]; // graphというIDで、大きさは400×300ピクセル var g = new Graraph('graph', 400, 300); // 各種オプション設定 g.title = '月別の推移'; // グラフのタイトル g.xLabelFormat = ['1月','2月','3月','4月','5月','6月']; // X軸のラベル g.theme = 'keynote';
http://nubyonrails.com/pages/gruff
For full functionality of this site it is necessary to enable JavaScript. Here are the instructions how to enable JavaScript in your web browser.
pear.veggerby.dk - Image_Graph Samples
Arrow Position on All Negative Axis arrows when all values are negative version 1.1, 27-Nov-2005 22:21
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Google Chart Tools入門
Google Code Archive - Long-term storage for Google Code Project Hosting.
これは便利！誰でも簡単にグラフを描けるAPIがGoogleから登場！『Google Charts』 - IDEA*IDEA ～ 百式管理人のライフハックブログ ～
http://filetofsole.org/svn/public/projects/rails/plugins/webfx_chart/trunk/lib/webfx_chart.rb
サービス終了のお知らせ