【D3.js】Gunma.webのソーシャルグラフ作ってみた。
ソーシャルグラフには浪漫があるよね。 ソーシャルグラフを作ってみたかったので、Gunma.webに参加されたユーザーのグラフを作ってみました。 ユーザー間のリンクは、同じイベントに参加している回数が多いほど太く表示されます。 アイコンやユーザー名をクリックするとリンクが強調(赤)されます。 （アイコン画像はATNDから直で読み込んでいるので、そのうち弾かれるかも） Gunma.web Social Graph 激重です。できればChromeで見てやってください。 Gunma.webについてはこちら やったこと ATNDからイベント参加ユーザの取得 イベントに参加したユーザーの組み合わせ（Combination）リスト作成 重複する組み合わせをカウント(同じイベントに参加している回数) 上記のデータをCSVで出力 CSVファイルをD3.jsでJSONに変換 Force Layoutdで表示
D3.js
D3The JavaScript library for bespoke data visualization Create custom dynamic visualizations with unparalleled flexibility
グラフ描くならMorris.jsがお手軽で良いかも - (ﾟ∀ﾟ)o彡 sasata299's blog
2012年11月16日13:55 JavaScript Ruby グラフ描くならMorris.jsがお手軽で良いかも こんにちわ。寒くなってきましたがみなさまお元気ですか？ さて、先日ちょっとしたグラフを描画したかったんですよ。それでなにか使いやすいライブラリ無いかなーと思っていたら railscast (revisedなので有料です) で Morris.js ってjQueryプラグインが紹介されてて良さげだったので使ってみました。google analytics みたいなツールチップも出してくれます。 使い方はとっても簡単です。 まず、jQuery (>=1.7) と Raphael (>=2.0) が必要です。あとは Morris.js があれば動作します。 これらを app/assets/javascripts/application.js に設定してください。この記事執筆時点での
RGraph: Beautiful JavaScript charts for websites
RGraph is a JavaScript charts library based on HTML5 SVG and canvas. RGraph is mature (over 15 years old) and has a wealth of features making it an ideal choice to show charts on your website. More » RGraph can be used for free under the GPL or if that doesn't suit your situation there's an inexpensive (£99) commercial license available. More » Get the latest version of RGraph (version 6.16) from
Javascript ライブラリー - HTML5.JP
HTML5.JPオリジナルのJavaScriptライブラリを公開していきます。ご自由にライブラリをダウンロードして貴サイトにてご活用ください。 <meter> polyfill (jQuery プラグイン) <meter> polyfill は、HTML5 で新たに導入された meter 要素をサポートしていないブラウザーでも meter 要素がレンダリングされるようにする jQuery プラグインです。Chrome や Opera など、すでに meter 要素をサポートしているブラウザーには何も作用しません。このプラグインは、Internet Explorer 6, 7, 8, 9 でも動作します。 html5detector (Google Chrome Extentions) html5detector は、表示されているページが HTML5 でマークアップされていれば、アドレスバ
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
WEBSITE.WS - Your Internet Address For Life™
http://www.h2.dion.ne.jp/~defghi/svgMemo/svgMemo_20.htm
Chart.js
NameBright - Domain Expired
CanvasXpress