Qiitaソーシャルグラフの視覚化。

最終更新日

……失敗かな。

qiitagraph

example

各ユーザーのフォローデータはAPIから取得しました。

Qiita API document

関係性(フォローの状態)を Force Layoutにしてみましたが、ぶっちゃけあまり見やすくありません。

分かり易く表示するなら、もっと別の表現を使用した方がよさそうですね。

サンプル

pathの先頭に矢印を付けるのと、アイコン画像を丸く切り取るのに、svgのdef要素とclipPath要素を使用しています。