fluentd + mongodb+ node.js でリアルタイムにグラフを描く - stanaka's blog
追記 2/22 毎回微妙に追記していますが、今回も追記です。最後にmongodbのinsert性能について80lines/secで厳しくなった、と書いてますが、環境か設定まわりがあやしいので訂正します。もうすこし検証してみようと思います。 → 検証して fluentd側の設定の問題であることが分かりました。詳しくは、http://blog.stanaka.org/entry/2013/02/22/171053 追記ここまで 最近は、fluentd + mongodb でログを蓄積していろいろ便利に使っているわけですが、数分に一回集計スクリプトを周したり、 GrowthForecast の画面をリロードしまくるのではなく、もっとリアルタイムで見たい! という欲求が募ってきたので、 node.js を使って実装してみました。( https://github.com/stanaka/realti
D3.js
D3The JavaScript library for bespoke data visualization Create custom dynamic visualizations with unparalleled flexibility
TufteGraph: beautiful charts with jQuery
It is different from other javascript charting libraries because: Configuration is by dynamic functions, allowing for a really compact API (very few options) Non-core layout is done via CSS rather than code Introduction (Introduction to TufteGraph - if your eyes aren't that good, here's a high-res version) API jQuery(document).ready(function () { jQuery('#awesome-graph').tufteBar({ data: [ // Firs
jQuery Sparklines
Mouse speed Loading.. Inline 10,8,9,3,5,8,5 line graphs 8,4,0,0,0,0,1,4,4,10,10,10,10,0,0,0,4,6,5,9,10 Bar charts 10,8,9,3,5,8,5 negative values: -3,1,2,0,3,-1 stacked: 0:2,2:4,4:2,4:1 Composite inline 8,4,0,0,0,0,1,4,4,10,10,10,10,0,0,0,4,6,5,9,10 Inline with normal range 8,4,0,0,0,0,1,4,4,10,10,10,10,0,0,0,4,6,5,9,10 Composite bar 4,6,7,7,4,3,2,1,4 Discrete 4,6,7,7,4,3,2,1,4,4,5,6,7,6,6,2,4,5 Di
moochart - charts for mootools
Add random bubbles ranging to - Go! The chart has a empty() method. And why not a fancy animation? Usage Simple chart example. var myChart = new Chart.Bubble('myChartContainer', { width: 300, height: 200, bubbleSize: 20 }); myChart.addBubble(10, 20, 30, '#fff', 'Bubble 1'); myChart.addBubble(0, 40, 20, '#000', 'Bubble 2'); myChart.redraw(); Documentation Constructor Syntax var myChart = new Chart.
jqPlot - Pure Javascript Plotting
jqPlot is a plotting and charting plugin for the jQuery Javascript framework. jqPlot produces beautiful line, bar and pie charts with many features: Numerous chart style options. Date axes with customizable formatting. Up to 9 Y axes. Rotated axis text. Automatic trend line computation. Tooltips and data point highlighting. Sensible defaults for ease of use.
Charts - YUI Library
The Charts module provides a JavaScript API for visualizing data in a variety of formats across a browser test baseline. Based on device and browser capabilities, Charts leverages SVG, HTML Canvas and VML to render its graphical elements. The Charts module features a Chart class that allows you to easily create a chart from a set of data. Chart extends Widget and includes configurable attributes t
Elycharts | Elycharts, the ultimate javascript charting library
Elycharts is a pure javascript charting library, easy to use and completely customizable. It helps you create good looking interactive charts on you web pages or web applications, with a lot of useful features: legend and label support, mouse tracking, tooltips, templates, animations... (learn more) Check out the example page to see static and interactive charts in action. Elycharts is free for pe
Developer's Guide - Google Chart API - Google Code
Discover the resources for adding interactive charts for browsers and mobile devices.
GitHub - Kilian/grafico: JavaScript and SVG charting library based on Raphael
Grafico graphing library Grafico is a javascript charting library based on Raphaël and Prototype.js. It is originally developed as Ico by Alex Young, but this version was developed by Kilian Valkhof at Wakoopa . Grafico’s basic principles are to provide good, clean looking graphs inspired by work of Stephen Few and Edward Tufte, while still being flexible to implement and providing numerous api op
mixiのソーシャルグラフをChart APIでオープンに （1/3） - ＠IT
具体的には、友人の性別・血液型・年齢・趣味などの人数比率を一覧表示して、「自分の身の回りには、どんな人が多いのか（少ないのか）」という情報を簡単に確認できるサービスです。 今回は初級エンジニア向けに、できるだけ細かい説明を入れながら解説していきたいと思いますので、どうぞ最後までお付き合いください！ OAuth 2.0と処理の流れについて 「mixi Graph API」では、ユーザー認証にOAuth 2.0を利用します。OAuth 2.0の仕組みについては、以下の記事が分かりやすいので、初めて触るという方はぜひ目を通しておいてください。 なお、今回作成するサービスでは、クライアント側（HTML／JavaScript／jQuery）とサーバ側（PHP）で、それぞれ下記のような処理を行います。 【クライアント側】mixiでAuthorization Codeを取得するためのリンクを生成 【クラ
ミクシィの“ソーシャルグラフ”データ解析技術とは｜【Tech総研】
ソーシャル・ネットワーキング・サービス（SNS）では、ソーシャルグラフと呼ばれる人と人との“つながり”の情報が活用されている。「mixi」では、日々どのような方法でこのソーシャルグラフを分析しているのか。その最前線で活躍する木村俊也氏の話を聞いた。 8月に都内で開かれた「Japan Innovation Leaders Summit（JILS）」。そのテクノロジー・セッションでひときわ注目を集めたのは、ミクシィの木村俊也氏の講演だった。テーマは「ソーシャルグラフのデータ解析」。ソーシャル・ネットワーキング・サービス（SNS）が全世界的に隆盛の今、利用者が友人や知人をを探したり、つながったりする時に役立つソーシャルグラフ。その分析はSNSにおける既存のサービスの向上や、新サービスの設計に活かされる。また、サービス提供企業が広告展開などを通してそこから収益を上げていくマネタイジングにも直結する
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
http://www.labs.unwieldy.net/moowheel/
https://mootools.net/forge/p/milkchart
GitHub - filamentgroup/jQuery-Visualize: HTML5 canvas charts driven by HTML table elements
https://mootools.net/forge/p/table2chart
http://solutoire.com/flotr/
Google Code Archive - Long-term storage for Google Code Project Hosting.
GitHub - philogb/jit: The JavaScript InfoVis Toolkit provides tools for creating Interactive Data Visualizations for the Web
Desmos | Let's learn together.
