はじめに
Qiitaでは、ユーザをフォローすることで、ユーザ間でつながりをもつことができます。今回は、指定したユーザの、フォローしているユーザとフォローされているユーザを、ネットワーク図で可視化するWebページを作成してみました。
作成物
ソースコード(HTMLとJavaScript)を、githubで公開しています。
https://github.com/t-mangoe/QiitaUserNetwork
作成したWebページには、以下からアクセスできます。
https://t-mangoe.github.io/QiitaUserNetwork/
Webページでは、以下の図のようにネットワーク図が表示されます。
処理内容
QiitaのWebAPIを叩いて、フォローしているユーザとフォローされているユーザの情報を取得します。この情報を基にvis.jsでネットワーク図を作成し、表示しています。