[B! グラフ] knackのブックマーク

サイトのレスポンスタイムをリアルタイムでグラフ表示する方法 nginx → LTSV → Fluentd(td-agent) → GrowthForecast

サイトのレスポンスタイムをリアルタイムでグラフ表示する方法 nginx → LTSV → Fluentd(td-agent) → GrowthForecast 去年あたりから急速に知名度をあげている[生ログ収集 → グラフ表示]のツールとしてFluentd + GrowthForecastがあります。いろいろなblogで紹介されていることからも人気の高さが伺えます。なぜ、こんなに人気なのかというと、ログ収集基盤としてFluentd、メトリクス収集とグラフ化のGrowthForecastともに、コンパクト・扱いやすさ・完成度が高く・いろいろな応用が効きプラガブル・かつ簡単に導入可能といったところが挙げられるでしょう。今回は、nginxのインストールから始め、MySQL、perlbrew、cpanmといった周辺ミドルウェアのインストール方法も網羅して紹介していきます。また、ngin

knack 2013/04/23

リンク

パワポでもここまでできる！米財務省から学べる美しい資料作りのポイント - stj064 Life Lab

Twitterで紹介されていたこの資料。実際見てみたらホントに美しい資料だったので、どんな点がよかったのか、また自分の資料作りに生かしていけそうか、ポイントを抽出してまとめてみようと思います。「ページタイトル」と「メッセージライン」を分けるレイアウトは以下の画像のように要素が配置されています。特徴的なのは、「ページタイトル」と「メッセージライン」を分けていること。これは自分も前々職のコンサルティング会社時代に馴染んだ形ですが、そこから移ったあとは、この区別ができていない例をたくさん見かけました。ページタイトルを大きなフォントで載せることはスペースの無駄使いになりますし、逆に主張したいことを小さな領域に押し込めてしまうと無視されてしまう恐れもあります。用途にもよりますが、調査レポートなどはこうした形の方が、要点が読み手に伝わりやすいのではないかと思います。絶対値より、変化率や差

knack 2012/04/03

リンク

SVGを使ったものすごいグラフライブラリ·dygraphs JavaScript Visualization Library MOONGIFT

dygraphs JavaScript Visualization LibraryはJavaScript製のオープンソース・ソフトウェア。グラフライブラリは多数あれど、大抵は円グラフや棒グラフなどのシンプルなグラフを描く機能しかない。高度なグラフを描こうとすると利用できるライブラリは途端に少なくなる。高機能なグラフライブラリまた高度なグラフはクライアントサイドだけでなく、サーバサイドの仕組みが必要になることも多い。そんな中dygraphs JavaScript Visualization Libraryはとても簡単に使えるグラフライブラリになっている。JavaScriptでSVGを描いてグラフ化するのだ。主なグラフはX-Y軸を持った折れ線グラフになるようだ。とはいえ測定範囲を含んだグラフを描いたり、グラフの一部をマウスを使って拡大する、マウスオーバーすると値が表示されるなど高度な機能

knack 2009/12/21

グラフ

リンク

複雑なグラフも作成サイトへ埋め込み可能なグラフ作成サービス「DIY Chart」

オンラインでグラフを作成、埋め込み出来るサービスはいろいろとありますが、難点は複雑なグラフがなかなか作れないこと。今回は、複雑なグラフも作成・管理、埋め込み可能なサービスをご紹介します。組織のマインドマップツールをマインドマイスターにすべき理由伸びてる産業、会社、事業を紹介しまくるStrainerのニュースレターに登録!! グラフのテンプレートが豊富なグラフ作成・埋め込みサービス「DIY Chart Builder」は、折れ線・棒線を同時に表示するグラフや、ポーラチャート、ローソク足グラフなどの複雑なグラフも作成・管理、埋め込み可能なサービス。他にも複雑なグラフのテンプレートがたくさん用意されているので、比較データを視覚化してサイトで公開したい時に便利です。棒線折れ線グラフレーダーチャートもローソク足グラフもありグラフ作成手順 Sign Upのページを開き、無料登録します。登録

knack 2009/07/08

グラフ

リンク

jQueryベースのグラフ作成ライブラリ·jqPlots MOONGIFT

Web上で見やすいグラフを作成する手法としては、画像で生成する、Flashで生成するかのどちらかが多かった。稀にJavaScriptで生成するタイプもあったが、Canvasタグを使う関係上、IE6では表示できず業務アプリなどでの利用は難しかった。 JavaScriptのみでグラフを表示するだが、例えCanvasを使っていたとしてもライブラリが対応していれば問題ない。そこで試したいのがjqPlotsだ。今回紹介するオープンソース・ソフトウェアはjqPlots、jQueryベースのグラフ描画ライブラリだ。 jqPlotsはCanvasタグを使っているが、対応ブラウザはIE6〜IE8、Firefox、Safari、Operaとなっている。筆者環境では試していないが、IE6でも恐らく大丈夫なのだろう（ぜひ試していただきたい）。これだけ多数のブラウザに対応していれば一般向けWebサービスでも使え