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.
ã©ã‚“ãªãƒ‡ãƒ¼ã‚¿ã‚‚リアルタイムãªã‚°ãƒ©ãƒ•ã«ã§ãるフレームワーク「FnordMetricã€:phpspot開発日誌
FnordMetric | Framework for building beautiful real-time dashboards ã©ã‚“ãªãƒ‡ãƒ¼ã‚¿ã‚‚リアルタイムãªã‚°ãƒ©ãƒ•ã«ã§ãるフレームワーク「FnordMetricã€ã€‚ ã©ã‚“ãªãƒ‡ãƒ¼ã‚¿ã‚‚次ã®ã‚ˆã†ãªç¾Žã—ã„UIã‚’æŒã¤ãƒªã‚¢ãƒ«ã‚¿ã‚¤ãƒ ãªã‚°ãƒ©ãƒ•ã«ã§ãã¾ã™ã€‚ サイトã®ä¼šå“¡æ•°ã€ãƒ¦ãƒ‹ãƒ¼ã‚¯ã‚¢ã‚¯ã‚»ã‚¹æ•°ã€ãƒ‡ãƒ¼ã‚¿æŠ•ç¨¿ä»¶æ•°ç‰ã€ãƒªã‚¢ãƒ«ã‚¿ã‚¤ãƒ ã«ãƒ‡ãƒ¼ã‚¿ã‚’見ãŸã„よã†ãªå ´åˆã«ä½¿ãˆãã†ã€‚ muninãªã©ã§ã‚‚グラフ化ã§ãã¾ã™ãŒã€ã“ã“ã¾ã§ã®UIã®ç¾Žã—ã•ã¨ãƒªã‚¢ãƒ«ã‚¿ã‚¤ãƒ 性ã¯å‚™ãˆã¦ã„ãªã„ã®ã§ã€ãƒªã‚¢ãƒ«ã‚¿ã‚¤ãƒ ã«æ¬²ã—ã„æƒ…å ±ã¯ã“ã‚Œã§ãƒ€ãƒƒã‚·ãƒ¥ãƒœãƒ¼ãƒ‰ã«ã—ã¦ç›£è¦–ã™ã‚‹ã¨ä¾¿åˆ©ã§ã‹ã£ã“良ã•ã’。 Ruby+Redisã§æ›¸ã‹ã‚Œã¦ã„ã¾ã™ãŒã€ãƒ‡ãƒ¼ã‚¿ã®è¡¨ç¤ºã«ã¯HTML5/JavaScriptã®APIãŒä½¿ãˆã‚‹ã‚ˆã†ã§ã™ 関連エントリ 世界地図ã§ãƒ‡ãƒ¼ã‚¿ã‚’ビジュアライズã™ã‚‹éš›ã«ä½¿ãˆã‚‹JSライブラリ「DataMaps〠リアルタ
新感覚フォント。数å—ã¨è¶³ã—ç®—ã‹ã‚‰ã‚°ãƒ©ãƒ•ã‚’生æˆã€ŒFF Chartwell〠| ビジュアルシンã‚ング
変ã‚ã£ãŸãƒ•ã‚©ãƒ³ãƒˆã€ŒFF Chartwellã€ã‚’紹介ã—ã¾ã™ã€‚ æ•°å—ã¨è¶³ã—ç®—ã‹ã‚‰ã‚°ãƒ©ãƒ•ã‚’生æˆã§ãã¾ã™ã€‚ Adobeã®Illustratorã€InDesignã€Photoshopã§ä½¿ãˆã‚‹ã‚ˆã†ã§ï¼ˆå‚考）ã€ãƒ•ã‚©ãƒ³ãƒˆã¨ã—ã¦ã€ŒFF Chartwellã€ã‚’é¸ã³ã€ãƒ†ã‚ストã«è¶³ã—算を打ã¡è¾¼ã‚“ã§å¤‰æ›ã‚’ã‹ã‘ã‚‹ã¨ã‚°ãƒ©ãƒ•ã«ãªã‚Šã¾ã™ã€‚ グラフ生æˆæ‰‹é †ã¯è¨€è‘‰ã§æ›¸ãよりもã€ãƒ—ãƒãƒ¢ãƒ¼ã‚·ãƒ§ãƒ³ãƒ»ãƒ ービーを見ãŸæ–¹ãŒã‚ã‹ã‚Šã‚„ã™ã„ã¨æ€ã„ã¾ã™ã€‚ 使ã†æ–‡å—ã¯ã€æ•°å—ã¨è¶³ã—ç®—ã ã‘ã®ã‚ˆã†ã§ã™ã。 美ã—ã„グラフãŒç°¡å˜ã«æã‘ãã†ã§ã™ã€‚ 「FF Chartwellã€ãƒ•ã‚©ãƒ³ãƒˆã¯å…¨éƒ¨ã§7種類ã‚ã‚Šã€ãã‚Œãžã‚Œå¯¾å¿œã™ã‚‹ã‚°ãƒ©ãƒ•ãŒç•°ãªã‚Šã¾ã™ã€‚ フォント・レーベル「FontFontã€ãŒã“ã¡ã‚‰ã§è²©å£²ã—ã¦ã„ã¾ã™ï¼ˆ1種類 $25）。
様々ãªã‚°ãƒ©ãƒ•ã‚’æç”»ã§ãã‚‹JavaScriptライブラリ「NVD3.jsã€:phpspot開発日誌
NVD3.js :: re-usable charts for d3.js 様々ãªã‚°ãƒ©ãƒ•ã‚’æç”»ã§ãã‚‹JavaScriptライブラリ「NVD3.js〠d3.jsã¨ã„ã†ä»¥å‰ç´¹ä»‹ã—ãŸãƒ©ã‚¤ãƒ–ラリをベースã«åˆ©ç”¨ã—ã¦ã„ã‚‹ã¿ãŸã„。 グラフæç”»ã®ãƒ©ã‚¤ãƒ–ラリã¯è‰²ã€…ã‚ã‚Šã¾ã™ãŒã€ã“ã¡ã‚‰ã®ãƒ©ã‚¤ãƒ–ラリã§æç”»ã™ã‚‹ã‚°ãƒ©ãƒ•ã®ãƒ‡ã‚¶ã‚¤ãƒ³ã‚‚ãªã‹ãªã‹ã„ã„æ„Ÿã˜ã§ã™ã マウスã¨ã®ã‚¤ãƒ³ã‚¿ãƒ©ã‚¯ãƒ†ã‚£ãƒ–ãªã‚°ãƒ©ãƒ•å®Ÿè£…ãŒå¯èƒ½ã§æ‹¡å¼µã‚‚容易ã¿ãŸã„ サンプルページã«ã¯ã‚½ãƒ¼ã‚¹ãŒã¤ã„ã¦ã„ã‚‹ã®ã§å‚考ã«çµ„ã‚ã°æŠµæŠ—ãªãグラフãŒæã‘ãã†ã§ã™ 関連エントリ 見ãŸç›®ãŒã‚¯ãƒ¼ãƒ«ãªã‚°ãƒ©ãƒ•æ画用jQueryプラグイン「Morris.js〠HTML5ã§ç¶ºéº—ã§ã‚¤ãƒ³ã‚¿ãƒ©ã‚¯ãƒ†ã‚£ãƒ–ãªã‚°ãƒ©ãƒ•ãŒæã‘るライブラリ「Flotr2〠様々ãªæ™‚系列グラフをæç”»ã§ãã‚‹JavaScriptライブラリ「Rickshaw〠クールãªãƒ‰ã‚¢ãƒŽãƒ–風ã®ï¼…グラフをæç”»ã§ãã‚‹jQuery Knob
1
リリースã€éšœå®³æƒ…å ±ãªã©ã®ã‚µãƒ¼ãƒ“スã®ãŠçŸ¥ã‚‰ã›
最新ã®äººæ°—エントリーã®é…ä¿¡
j次ã®ãƒ–ックマーク
kå‰ã®ãƒ–ックマーク
lã‚ã¨ã§èªã‚€
eコメント一覧を開ã
oページを開ã
Chart.js
{{#tags}}- {{label}}
{{/tags}}