Railsでグラフ表示 - i2bsの日記
仕事で売上げデータの集計結果をグラフ表示する機会があったのでlazy_high_chartsを使ってみた。 インストール Gemfile gem 'lazy_high_charts' app/assets/javascripts/application.js 以下を追記 //= require highcharts app/controllers/sample_controller.rb class SampleController < ApplicationController def show @end_at = Date.today @start_at = @end_at - 6 @categories = @start_at.upto(@end_at).to_a @data1 = Array.new(7){rand(10)} @data2 = Array.new(7){rand(1
データ可視化のためのグラフ描画JavaScriptライブラリ20選 | ゆっくりと…
SixRevisionsでオンラインでグラフを描画する場合に活躍しそうなJavaScriptライブラリの特集がありましたので、紹介します。個人サイトではあまり役に立たないかもしれませんが、観ているだけで楽しくなります。元記事に敬意を表し、なるべく趣旨が異ならずかつ変な日本語にならないよう心がけたつもりですが、訳に間違えがありましたら容赦願います。 2010年1月17日 by Jacob Gube 退屈な数値データを美麗かつインタラクティブに解り易く可視化するためのJavaScriptライブラリは数多くあります。通常はHTMLテーブルで表現するデータを、JavaScriptを使って可視化し美しく見せる事ができればあなたのデータはアクセシビリティーの優れたものとなるでしょう。私は2008年にデータのグラフ化＆チャート化のためのJavaScriptを書き上げましたが、今回再び単なるデータに生命を
JavaScriptを使ってSVGでグラフを描く·Morris.js MOONGIFT
Morris.jsはjQueryを使ったSVG描画型のグラフライブラリです。 Webブラウザ上でグラフを描画しようと思ったら従来はサーバサイドの仕組みかFlashを使うのが一般的でした。しかし今後はJavaScriptが便利です。Morris.jsはjQueryを使ったグラフライブラリです。 二つのデータがある折れ線グラフ。 棒グラフ。 エリアグラフ。 パイチャート。 今のところ対応しているのは折れ線、棒、エリア、ドーナッツチャートになっています。それぞれ豊富なオプションが用意されています。また、マウスオーバーで値をフローティング表示してくれるのも便利です。データはJavaScriptで与えますが、グラフはSVGで出力される仕組みになっています。 Morris.jsはjQuery/JavaScript製、BSD Licenseのオープンソース・ソフトウェアです。 MOONGIFTはこう見る
1972年『成長の限界』の予言通りに人類は2030年の臨界点に向かっている
1972年『成長の限界』の予言通りに人類は2030年の臨界点に向かっている2012.04.10 12:0016,630 satomi ずーっと気になってはいたのだけれど、やっぱりそうでしたか... ｢地球の限りある資源で人類が限りなく成長していったら、どうなる？｣―それをコンピュータ・モデルでシミューレートし、全世界に衝撃を与えた問題の書『成長の限界（Limits to Growth）』が出たのは1972年のことです。 あれから40年。驚くべきことに、ほぼこの予言通りのことが現実に起こっています。 『成長の限界』は国際シンクタンク｢ローマ・クラブ｣の委嘱で、マサチューセッツ工科大学（MIT）のドネラ・H.・メドウズ（Donella H. Meadows）、デニス・L.・メドウズ（Dennis L. Meadows）、ヨルゲン・ランダース（Jørgen Randers）、ウィリアム・W.・ベ
tableデータをグラフに置き換えてくれるjQueryプラグイン「Chartify」:phpspot開発日誌
Chartify ? A Visualization Plugin for jQuery tableデータをグラフに置き換えてくれるjQueryプラグイン「Chartify」 <table>のデータを最小１行でGoogleのChart APIを使ってグラフ画像に変換してくれるみたいです。 マークアップ上では次のようなテーブルがあったとします。 プラグインを読み込んで .chartify します。色なんかも指定 すると次のようなグラフに変換されて表示されます。 HTML上にデータがかけてそれをグラフに変換してくれるのはなかなかいいですね。 関連エントリ 小さくで可愛いグラフが描けるjQueryプラグイン「Piety」 ドリルダウンなグラフを作成できるjQueryプラグイン「DDChart」 地下鉄の路線図を描けるjQueryプラグイン「Subway Map Visualization」
Highcharts - Interactive Charting Library for Developers
Our core library. Includes all standard chart types and more.
Web_Tech » Blog Archive » Google Chart API レーダーチャート
0.AJAX (118) 0.0.Flame Work (72) 0.0.2.Prototype (1) 0.0.3.CodeThat (1) 0.0.4.Spry (1) 0.0.5.Ext (1) 0.0.6.HTF Generator (2) 0.1.menu (6) 0.2.Tabs (7) 0.3.Layout (3) 0.9.Widget (1) 1.jQuery (114) 1.0.FlexiGrid (12) 1.0.1.DOC (1) 1.0.2.Demo (4) 1.0.2.2.JSON (3) 1.0.3.Sample (6) 1.0.9.Memo (1) 1.1.jqgrid (32) 1.1.0.0.V3.8 (2) 1.1.0.V3.6 (4) 1.1.1.V3.5.x (12) 1.1.1.1.DOC (2) 1.1.1.2.Demo (6) 1.1.1.2.
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Chart.js
小さくで可愛いグラフが描けるjQueryプラグイン「Piety」:phpspot開発日誌