ソーシャルグラフには浪漫があるよね。 ソーシャルグラフを作ってみたかったので、Gunma.webに参加されたユーザーのグラフを作ってみました。 ユーザー間のリンクは、同じイベントに参加している回数が多いほど太く表示されます。 アイコンやユーザー名をクリックするとリンクが強調(赤)されます。 (アイコン画像はATNDから直で読み込んでいるので、そのうち弾かれるかも) Gunma.web Social Graph 激重です。できればChromeで見てやってください。 Gunma.webについてはこちら やったこと ATNDからイベント参加ユーザの取得 イベントに参加したユーザーの組み合わせ(Combination)リスト作成 重複する組み合わせをカウント(同じイベントに参加している回数) 上記のデータをCSVで出力 CSVファイルをD3.jsでJSONに変換 Force Layoutdで表示
![【D3.js】Gunma.webのソーシャルグラフ作ってみた。](https://cdn-ak-scissors.b.st-hatena.com/image/square/b03af2f659980c85e27a3fe67ac53bc290748d44/height=288;version=1;width=512/https%3A%2F%2Fgunmagisgeek.com%2Fblog%2Fwp-content%2Fuploads%2F2013%2F04%2Fcolormap000002.jpg)