JavaScriptで爆速グラフ・チャートが作成できる「CanvasJS」を使ってみた！ : うえぶはっく
ちょっとしたデータをサクッと「グラフ」や「チャート」にして、Webページに素早く公開したい人に最適なJavaScriptライブラリ「CanvasJS」のご紹介です！ 類似のライブラリはいくつかありますが、「CanvasJS」はわずか数行のコードですぐにグラフが作成でき、なおかつ豊富なパラメータをいじることで驚くほど細かいカスタマイズも実現できるのが特徴的です。 今回は、基本的な使い方を中心にご紹介しようと思います！ 必要なファイルを準備しよう！ 「CanvasJS」の本体ファイルは、サイトのトップページからダウンロードできますが、CDN経由からも利用できるようになっています。 https://cdnjs.cloudflare.com/ajax/libs/canvasjs/1.7.0/canvasjs.min.js これを、HTMLファイルに読み込みます！ // index.html <!d
Grafana: The open observability platform | Grafana Labs
Solutions All end-to-end solutions Opinionated solutions that help you get there easier and faster
Heroku で動作する GrowthForecast みたいなグラフツール Hoshi-mi を作っていました
Heroku で動作する GrowthForecast みたいなグラフツール Hoshi-mi を作っていました こんにちは。企画担当の @mallowlabs です。 今回は Hoshi-mi というツールのご紹介をしたいと思います。 グラフツールといえば GrowthForecast が人気です。 最近は、GrowthForecast の Ruby 版である FocusLight も登場しており、 一層の盛り上がりを見せています。 さて、この GrowthForecast/FocusLight ですが、Heroku で動かすのに手間がかかるという人によってはすごく小さく、私達にとっては大きな問題があります。 そこで Heroku フレンドリーなグラフツールとして開発したのが Hoshi-mi です。 Rails 3.2 + PostgreSQL + morris.js という組み合わせ
常設GrowthForecastでお手軽メトリクス監視 - めもおきば
この記事はおひとりさま Monitoring Advent Calendar 2013の1日目です！ 「あの値とその値の変化を一週間だけ取ってグラフで見たい！」 そんなことってありませんか？自分はまれによくあります。 そんな貴方におすすめなのが、この記事で紹介する常設GrwothForecastとgrouthforecast-workerの組み合わせです。慣れると、必要になってから5分もあれば値の取得が始められるようになります。 GrowthForecastのインストール GrowthForecast GrowthForecastは単体でWebサーバとして起動して、放り込んだ値をうまいことグラフ化してくれるソフトウェアです。インストールの方法は、公式サイトにCentOSやUbuntuでそのまま使えるコマンドで書いてあります。 デフォルトではTCP5125番ポートで起動するので、ファイアウォ
HRForecast - もうひとつのデータビジュアライズツール - blog.nomadscafe.jp
ずいぶん前から作って動かしてはいるのですが、GrowthForecastの他にもうひとつのグラフ作成ツールを公開しています。 https://github.com/kazeburo/HRForecast デイリーで更新される数値のビジュアライズに使う事が出来ます。GrowthForecastにはない過去データの登録もできます。 モリスさんのスライドでも少し登場しています。弊社では主にHiveでの集計の書き出し先として使っています http://www.slideshare.net/tagomoris/log-analysis-with-hadoop-in-livedoor-2013 画面はこんな感じ 他のページにembedするHTMLの発行やCSVでダウンロードをサポートしています データの登録APIについて データの登録は、GrowthForecastと同じようにURIに対してPOSTリ
どんなデータもリアルタイムなグラフにできるフレームワーク「FnordMetric」:phpspot開発日誌
FnordMetric | Framework for building beautiful real-time dashboards どんなデータもリアルタイムなグラフにできるフレームワーク「FnordMetric」。 どんなデータも次のような美しいUIを持つリアルタイムなグラフにできます。 サイトの会員数、ユニークアクセス数、データ投稿件数等、リアルタイムにデータを見たいような場合に使えそう。 muninなどでもグラフ化できますが、ここまでのUIの美しさとリアルタイム性は備えていないので、リアルタイムに欲しい情報はこれでダッシュボードにして監視すると便利でかっこ良さげ。 Ruby+Redisで書かれていますが、データの表示にはHTML5/JavaScriptのAPIが使えるようです 関連エントリ 世界地図でデータをビジュアライズする際に使えるJSライブラリ「DataMaps」 リアルタ
GrowthForecast - Lightning fast Graphing / Visualization
GrowthForecast is a web tool that let's you graph all sorts of metrics via a WebAPI. Our simple API let's you create and update charts in real time, customize your charts through a Web interface, and create charts that combine multiple metrics. You can graph your MySQL data with 1 line of code $ crontab -l */5 * * * * curl -F number=`mysql -BN -e 'select count(*) from member' game` http://example.
関連づいたオブジェクトを表現する高度なJavaScriptライブラリ·sigma.js MOONGIFT
sigma.jsはネットワーク図をはじめとする多数のノードが絡むグラフを描くライブラリです。 有機的な要素やネットワークが重なり合っているグラフを描きたい時に使えるのがsigma.jsです。Canvasタグを使って簡単にグラフを描き出します。 かなり密集したデモ。 ズームイン/アウトもできます。 こちらはアニメーション。動き続けています。 プラグインで独自拡張もできます。 もちろんズームできます。描画はCanvasを使っており、拡大しても奇麗です。 選択したノード以外を隠すデモです。 隠れました。 さらにマウスのある場所を膨らませるデモです。 sigma.jsはデータさえあれば容易に使えること、カスタマイズ性の高いこと、jQueryライクなイベントシステム、プラグイン対応、豊富なAPIなどが特徴になっています。 sigma.jsはJavaScript製、MIT Licenseのオープンソー
やったー GrowthForecast のページできたよー＼(^o^)／ - blog.nomadscafe.jp
GrowthForecast のページができました。 GrowthForecast - Lightning fast Graphing / Visualization http://kazeburo.github.com/GrowthForecast/ インストールの方法や基本的な使い方、APIの説明も載せてあります。ぜひ参考にしてください これまでとインストールの方法が変わっていて、githubからgit cloneしてくる方式から cpanm コマンド一発でインストールができるようになっています。依存モジュールが多いのでどちらにしろ時間はかかるけど簡単にいれることができるようになっていると思います。
GrowthForecastが便利な件について
定期的に処理を実行するものがあって、その結果や中間結果を可視化したいなーと思うときがあるわけです。表示したい値は簡単に出せますが、それを見やすい形で出すのってけっこう面倒なものです。ログファイルをgrepしろやーはちょっと嫌です。グラフ表示する場合はCactiあたりが有名だと思いますが、グラフの追加に手間がかかるのがツライのです。とりあえずサクッと表示したいのです。 噂によるとkazeburoさんのGrowthForecastというものが便利という事なのでさっそく試してみました。 今回cpanmも初めて入れました。これも便利です。 まずはcpanmのインストール。Fedora17くらいだとyumにあります。CentOSだと無かったので手動で入れます。 cd ~/ mkdir bin && cd bin curl -LOk http://xrl.us/cpanm chmod +x cpanm
Google検索の結果で3次元グラフを表示 WebGLで実現
米Googleは3月30日（現地時間）、Google検索で2変数関数を入力すると、3次元グラフを表示する機能を追加したと発表した。 Googleは昨年12月、三角関数、指数関数、対数関数とその複合に対応する2次元グラフの表示を可能にしている。 例えば「sqrt(x*x+y*y)+3*cos(sqrt(x*x+y*y))+5 from -20 to 20」を検索すると、結果のトップに回転する3Dグラフが表示される。グラフはインタラクティブになっており、拡大・縮小や軸の数値の変更が可能だ。 この機能は「WebGL」の採用で実現した。WebGLはWebブラウザ上で3Dコンテンツをレンダリングするオープンな技術で、HTML5のCanvasに3Dオブジェクトをレンダリングしたり、操作できる。従って、この機能を利用できるのは、「Google Chrome」やMozillaの「Firefox」など、We
GrowthForecastというグラフ表示ツールで捗る話 - blog.nomadscafe.jp
追記 2012/06/22 公式ページを作りました。そちらも参考にしてくださいませ GrowthForecast - Lightning fast Graphing / Visualization http://kazeburo.github.com/GrowthForecast/ Kansai.pmのLTでも紹介したんだけど、APIを叩く事でグラフを更新するツールを書きました。話の発端としては「cloudforecastのグラフを外からAPIで更新したい」ということでしたが、cloudforecastではグラフの追加が重い処理になってしまうので、別のプロダクトとしています。 サーバの負荷などのメトリクスを収集し、グラフ化することで、システムに掛かっている負荷を把握し、パフォーマンスに影響がでるまえに対策をうったり、改善の結果を知る事ができますが、同じ事はシステムだけではなく提供しているサ
Graphite
Graphite does three things: Kick ass. Chew bubblegum. Make it easy to store and graph metrics. (And it’s all out of bubblegum.) Learn more about Graphite About the Project Graphite is an enterprise-ready monitoring tool that runs equally well on cheap hardware or Cloud infrastructure. Teams use Graphite to track the performance of their websites, applications, business services, and networked serv
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
データを可視化する為のグラフ描画JavaScriptライブラリをまとめた・「JSGraphs」
GrowthForecastでOS監視
Yohoushi という分散 GrowthForecast グラフツールを作りました : sonots:blog