【Slack×Re:dash】リアルタイムKPI通知をコード0行で実現する - Gunosyデータ分析ブログ
データ分析部で部長をしている@cou_zです。最近はLIBROのマイクロフォンコントローラーをよく聴いています。 Gunosyにおけるプロダクト改善は、データ可視化による現状把握から始まると考えています。 ログを収集して、ダッシュボードでKPI(重要業績指標)を可視化することは、今では当たり前のことになっていると思います。深夜バッチでKPIを集計して、翌朝に確認することは重要ですが、KPIをリアルタイムに知ることによって、現状把握がさらに進むことがあります。 しかし、リアルタイムにKPIを集計できたとしても、実際にそれらを確認するとは限りません。頻繁にダッシュボードを見るのはとても億劫で、次第に見なくなってしまいがちです。そこで、日常的に開いているチャットにKPIがリアルタイムに通知されると、確認の際の負担を軽減することができます。 Gunosyでは、チャットツールにSlackをダッシュボ
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
lazy_high_chartsを使って円グラフを表示する - chulip.org
Highchars JSをRailsで使うlazy_high_chartsを使って円グラフを表示する。 https://github.com/michelson/lazy_high_charts/ Railsでグラフを作成するにはgruffというgemもありますがこちらはサーバサイドでグラフをごりごり作った後表示させるのに対し、 Highchars JSはデータのセットだけサーバサイドで行い描画自体はクライアントサイドでやるのが大きな違いぽいです。 必要な物はjsファイルだけなのでインストールも簡単でした。 lazy_high_chartsのgithubからインストール方法を見つけられなかったので下記参考にさせてもらいました。 グラフ生成時のオプション等についてはHighchars JSのマニュアルを見ればわかりそうです。 lazy_high_chartsの1.3.2から1.3.3への変更
Protovis
Protovis Protovis composes custom views of data with simple marks such as bars and dots. Unlike low-level graphics libraries that quickly become tedious for visualization, Protovis defines marks through dynamic properties that encode data, allowing inheritance, scales and layouts to simplify construction. Protovis is free and open-source, provided under the BSD License. It uses JavaScript and SVG
Highcharts - Interactive Charting Library for Developers
Our core library. Includes all standard chart types and more.
Google Chart API でレーダーチャートを作る « Stop Making Sense
解説 リクエストURI グラフ作成のために Google Chart API のサーバへ送っている リクエストは次の通りです。 (可読性のために改行してます) http://chart.apis.google.com/chart ?cht=r &chxt=y,x &chls=4|4 &chco=FF0000,00FF00 &chxp=0,0,20,40,60,80,100 &chd=t:76,78,91,78,58,72,76|55,65,59,77,87,45,55 &chxl=1:|項目(1)|項目 (2)|項目(3)|項目(4)|項目(5)|項目(6) &chm=s,FF0000,0,-1,12,0|s,FFFFFF,0,-1,8,0|o,00FF00,1,-1,12,0|o,FFFFFF,1,-1,8,0 &chts=000000,20 &chtt=レーダーチャート &chdl=デ
Google Chart APIで作るグラフ画像のサンプル - Archiva
Make a note of it: Web tech, montaineering, and so on. Note: この記事は、3年以上前に書かれています。Webの進化は速い！情報の正確性は自己責任で判断してください。 Note: Chart APIは現在ではGoogle Chartとして整理されており、この記事で利用されているImage Chart APIは旧仕様として削除対象になっています。実際に削除はされていないので今のところ利用できていますが、2015年中には消えてしまいそうです。(2015-08-31) コピペ用に作ってみた。いやー軽い軽い。JSで<canvas>で図形描画なんて馬鹿らしくなっちゃうね。ちなみに色はあんまり弄ってない。考えたら暖色系って盛り上がってる感じがするから、このままのが良いかもね。 では続きをどうぞ。 ...そういえば、商用利用できたっけ？ <img
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Chart.js