グラフの可視化について

Question

グラフの可視化について質問いたします。
例えば
配列の要素が複数あったとします。
array1 = [1,2,3]
array2 = [4,5,6]
array3 = [1,4,7]

となっていたとして
array1[1]とarray3[1]が同じなのでここは同じものだとします。

配列の中身を丸いテンのようにして表示し、
同じ配列を１つの色で表現するとして, グルーピングの可視化のようなものをしてみたいです
さらに、配列は矢印があるとして
array1なら
1 -> 2 -> 3
のように有効グラフで結びたいのでそれも可視化を行いたいです

Answer 1

https://ajike.github.io/D3.js%E3%81%A7%E3%82%B0%E3%83%A9%E3%83%95%E5%AE%9F%E8%A3%85~%E4%B8%80%E8%A1%8C%E3%81%9A%E3%81%A4%E8%AA%AD%E3%81%BF%E8%A7%A3%E3%81%8F%E5%85%A5%E9%96%80%E7%B7%A8~/https://ajike.github.io/D3.js%E3%81%A7%E3%82%B0%E3%83%A9%E3%83%95%E5%AE%9F%E8%A3%85~%E4%B8%80%E8%A1%8C%E3%81%9A%E3%81%A4%E8%AA%AD%E3%81%BF%E8%A7%A3%E3%81%8F%E5%85%A5%E9%96%80%E7%B7%A8~/
ここらへんとか、ぐぐってくんでみては