[IR] 開発者コメントグラフの可視化の実装

[Altairzym]

ToDo

• [x] 画面の導入
• [x] jsとcssの分離
• [x] グラフを動的に作成する

comments_counter/indexにアクセスすれば、こうなる

参考

http://bl.ocks.org/mbostock/950642
http://stackoverflow.com/questions/23470330/adding-label-to-the-links-in-d3-force-directed-graph
http://plnkr.co/edit/abULSCLXy540WMKrvGQl?p=preview
http://qiita.com/daxanya1/items/734e65a7ca58bbe2a98c

review流れ

• 168 をレビューした時作ったデータを利用する必要がある

  

• 上のデータに対応しているIDを入力する必要がある
  • comments_counter_controller.rbの中に修正する
• http://localhost:3000/comments_counter/index　にアクセス
• グラフ中の点がdrag&dropできる

[sjc1209]

[sjc1209]

私の場合はこんなエラーが出ましたが。

[Altairzym]

@sjc1209 ごめん、今レビュー流れを整理した

[okjsc1118]

まだWIPだよね？

[sjc1209]

私はOKです。

[Altairzym]

@ryoki1118 そうですけど、IRでもいいです。。。

[Altairzym]

@ryoki1118 知りたいのは画面はこんな状態でIRになってもいいですか？

[okjsc1118]

@Altairzym 終わったからレビューが欲しいのであれば[IR] 終わってないけどレビューが欲しいのであれば[WIP] 何をして欲しいのかコメントとかしてくれるとわかりやすいかな。

[Altairzym]

@ryoki1118 @sjc1209 @yaginuuu 新しいグラフはどうですか？

[okjsc1118]

@Altairzym 線の上の数字って、対象の開発者が他の開発者にコメントした数だよね？線を矢印とかにできないかな。誰が誰にコメントした数なのかがわかった方がいいと思う。

[okjsc1118]

@Altairzym ひとまず、動いてはいます。

[Altairzym]

@ryoki1118 それはちょっと難しいです。。。。

[Altairzym]

@ryoki1118 確かに、方向が分からないと。。。誤解するかもしれないです。。。

[okjsc1118]

@Altairzym 矢印が難しいなら、対象の開発者のアイコンだけ大きくするとかでもいいかも。

[Altairzym]

@ryoki1118 うん、そうだね、やってみます

[Altairzym]

結局、矢印を追加した。。。

[okjsc1118]

@Altairzym 矢印と線の統一した方が見栄えは良さそうだね。

あとページ上部に「開発者のcomments詳細表示」ってあるけど、「comments詳細」って何なのかわからないから、簡単な説明くらいは文章で書いていいんじゃない？

[Altairzym]

@ryoki1118 そうですね！じゃあ、そこで、矢印とか全部説明します

[okjsc1118]

@Altairzym あ、矢印は線の色に合わせましょう。 説明はできるだけ少なくなるようにお願いします。

[Altairzym]

@ryoki1118 了解！

[okjsc1118]

@Altairzym

開発者Altairzymが同じチームの他のメンバにコメントした回数が表示されている 線の太さ、上の数字と矢印の大きさで他のメンバにコメントした回数が明らかに表示されている 画像がdrag&dropできる

Altairzymのコメント数を表示します。 線上の数字は、Altairzymの各開発者に対するコメント数です。

くらいでいいんじゃない？

動作は問題ないです。

[Altairzym]

@ryoki1118 はい、分かりました

[okjsc1118]

@Altairzym 修正したらマージしていいよ

[Altairzym]

マージしますね