Gephi - The Open Graph Viz Platform
Support us! We are non-profit. Help us to innovate and empower the community by donating only 8€: Applications Exploratory Data Analysis: intuition-oriented analysis by networks manipulations in real time. Link Analysis: revealing the underlying structures of associations between objects. Social Network Analysis: easy creation of social data connectors to map community organizations and small-worl
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
Google Analyticsでサイトのことが丸分かりのバブルチャートをフル活用する方法 | nanapi [ナナピ]
バブルチャート使っていますか？ 「Google アナリティクスの中で最もサイト改善のヒントを見つけやすいグラフはどれか？」と聞かれたら間違いなく「バブルチャート」と答える筆者です。こんにちは。 しかし、Googleアナリティクスの解説や機能紹介を行っているサイトでなかなかお目にかかりません。そもそも「バブルチャートってGoogle アナリティクスで見られるの？」と思っている方も多いかもしれません。ぜひ、この記事を読んでいただき、その魅力に取り付かれてください！ Googleアナリティクスの画面を確認する前に、「バブルチャート」とは何かを確認しておきましょう。 そもそもバブルチャートとは？ 以下が、バブルチャートの画像になります。Excelなどでも用意されているグラフの1種で、3つの変数をひとつの図で表現できることが出来るのが特徴です。 X軸で1つの変数、Y軸で1つの変数、円の大きさで1つの
Programming Languages Influence Network | Exploring Data
Loading the data may take a while, please be patient... Graph Navigation You can zoom in and out the graph with the mouse wheel. You can move the graph by clicking and holding the left mouse button and moving the mouse. Language Information When you click on a language node in the graph a modal window with information about the language will be displayed. Language Search Search for a language name
freebies-vector-for-infographic-and-presentation.html
グラフやチャート、マップ、人物、吹き出し、リボンなど、インフォグラフィックやプレゼン用のベクター素材をfreedesignfileから紹介します。
驚くほど簡単にインフォグラフィックを作成できる無料ツール７選
ユーザーに届ける価値を徹底的に追求する マーケティングを提供します © Copyright 2022 バズ部. All rights reserved. インフォグラフィックは、あなたの読者やファンを楽しませるコンテンツとして最適なものの一つだ。 さらに、ソーシャルメディアエキスパートのDan Zarrellaは、１万のFacebookページの中から合計１３０万の投稿を調べた結果、最も安定して多くのシェアを生み出すコンテンツは、画像コンテンツだということを発見した。 ※画像コンテンツの平均的なシェア率は0.25%、次に文字投稿で0.17%、３番目は動画投稿で0.1%。単なるニュースなどへのリンクの場合だと、0.04%しかない。 そして、ソーシャルメディアを有効活用するための、最も効率的な戦略は、見た目にも面白く、人の役に立つ画像コンテンツを定期的に提供することだという結論を出している。 こ
新感覚フォント。数字と足し算からグラフを生成「FF Chartwell」 | ビジュアルシンキング
変わったフォント「FF Chartwell」を紹介します。 数字と足し算からグラフを生成できます。 AdobeのIllustrator、InDesign、Photoshopで使えるようで（参考）、フォントとして「FF Chartwell」を選び、テキストに足し算を打ち込んで変換をかけるとグラフになります。 グラフ生成手順は言葉で書くよりも、プロモーション・ムービーを見た方がわかりやすいと思います。 使う文字は、数字と足し算だけのようですね。 美しいグラフが簡単に描けそうです。 「FF Chartwell」フォントは全部で7種類あり、それぞれ対応するグラフが異なります。 フォント・レーベル「FontFont」がこちらで販売しています（1種類 $25）。
Javascriptで扱えるカッコイイグラフのまとめ - Qiita
結論:Highchart ccchart(canvasChart)と悩みましたが、Highchartを選んだ理由は、下記の通りです。 1.円グラフや棒グラフを組み合わせた複合的なグラフのサンプルを載せている 2.複合グラフのアニメーションがかっこいい 商用ライセンスなので、無料にこだわる方は、ccchart(canvasChart)がおすすめです。 Highchart 表現力、完成度の点でいちばんだと思います。商用なのでお金さえあればこれがイチオシ。 ccchart(canvasChart) 私のイチオシは canvasChart です ライセンスは PUBLIC DOMAIN! raphael.js qiitaのプロフィールの円グラフで使われているjQueryプラグイン 美しめなグラフを作成することができる。 raphael.jsのプラグインのelycharts.js http://el
NVD3
This project is an attempt to build re-usable charts and chart components for d3.js without taking away the power that d3.js gives you. This is a very young collection of components, with the goal of keeping these components very customizable, staying away from your standard cookie cutter solutions. View more examples » GitHub Repo Download d3.v3.js. This is the only required library for NVD3. Dow
Highcharts - Interactive Charting Library for Developers
Our core library. Includes all standard chart types and more.
グラフを描画してくれるjQueryプラグインは、多分”jQuery Visualize”がベスト！ - Shinichi Nishikawa's
グラフを描画してくれるjQueryプラグインは、多分”jQuery Visualize”がベスト！ 2011 10/11 グラフを描画してくれるjQueryプラグインを紹介します。 グラフを動的に作ってくれるものとしては、他のjQueryプラグインやGoogle Chartというサービスなどがあります。 が、今回の”jQuery Visualize”は、中でも一番使いやすそうでしたので、ご紹介します。 他のプラグインについては、【jQuery】IEでも使えるグラフ描画ツール | 岡山のWebプログラマーがつぶやくブログ | 神歌.blogでまとめて紹介されています。 作れるグラフの種類 グラフは以下のものを使うことができます。 棒グラフ 線グラフ 線グラフで線の下を薄く塗れるやつ 円グラフ デザインは二種類 冒頭写真の黒っぽいCoolなのと別に、白っぽいのも用意されています。 また、背景画
日本の人口推移 1950～2050
伝わるINFOGRAPHICS〈ツタグラ〉テーマ3「これからの働き方を表現」藻谷浩介氏のセッション資料の人口推移グラフを動的に閲覧できるように再現。
【記事紹介】企画書を作るのに便利なWEBサービスまとめ
うわーこれとてもありがたい！ 企画書を作るのにも便利だけど、ブログ書いたり、レポートを作ったりするのにもめちゃめちゃ使えそう。個人的には自分の考えをまとめるのに使いたい 企画書を作るのに便利なWEBサービスまとめ
IE6から使えるSVG/VMLを使った高機能JavaScriptグラフライブラリ·Highcharts MOONGIFT
HighchartsはSVG/VMLを使って描画するJavaScript製のグラフライブラリです。 Webサービスにおいてグラフを使うとデータのインパクトが違います。だからこそ使い勝手の良いグラフライブラリを積極的に使っていくべきです。HighchartsはSVGを基本として多様なWebブラウザに対応したグラフライブラリになります。 折れ線グラフです。 Ajaxによるデータロード対応です。 グラデーションをかけることもできます。 滑らかな曲線です。 アイコンを貼付ける例です。 プロットのみで。半透明なドットを使っています。 エリアグラフです。 マイナスの値にも対応しています。 積み上げグラフです。 棒グラフです。 左右比較型の棒グラフです。 複数のデータを並べられます。 棒グラフもマイナス値を出せます。 こんな感じの棒グラフも。 さらにドリルダウン対応です。 HTMLのテーブルからデータを
mixi Graph APIで作るミクシイハッカソン＠デブサミ開催 チームごとの個性が光る合計8アプリを詳細レポート！
mixi Graph APIで作ろう！ ミクシイハッカソン＠デブサミ2.18開催 mixiのオープン化の一環として、新プラットフォーム「mixi Graph API」が発表されたのは昨年の9月。当初は法人パートナーのみを対象としていたが、予告されていたように12月に個人の開発者でも利用可能になった。 mixi APIの利用では、個人ベースでいろいろな面白いことができる。そのパワーが十二分に発揮されたのが、去る2月18日「Developers summit」において開催された「ミクシィハッカソン＠デブサミ」だ。7チーム、約20人の開発者が「mixi Graph API」を利用したアプリを、わずか1日で開発するという。 さて、筆者は編集部から、このハッカソンの様子をレポートせよと指示されたのだが、いやまさか、ハッカソンの現場というのが、これほどまでに緊張感や真剣さにあふれ、集中した現場であった
mixi Graph APIを使ったサービスの作り方(Perl, Catalyst, AmzonEC2) - Road to Dream
mixi Graph API と jQuery Mobile と Perl で 「話題のつぶやきTop10」というのを作った。 ソースも公開。バグあったらごめんなさい。脆弱性あったらこっそり教えてください。 記事は書きかけ ■この記事の目的 大学の授業で「ポインター」や「ハノイの塔」とかやっててもつまらないので、 「Webってこんなコトできるよ」って研究室の後輩に伝えるために書いてみる。 Webの世界を創るの面白いです！ ■前提条件 ・root権限のあるサーバ1つ ・AmzonEC2やさくらVPSをオススメ ・mixi Graph APIのアカウントを取得 ※AmazonEC2のセットアップやmixi Graph APIの登録方法は調べてください。 ■作り方 サーバがセットアップされている状態で、以下の手順に従えば mixi Graph APIを使って「話題のつぶやきTop10」を再現でき
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Beautiful HTML5 Charts & Graphs | 10x Fast | Simple API
Morris.js
Our Mobile Planet
小さくで可愛いグラフが描けるjQueryプラグイン「Piety」:phpspot開発日誌