D3弦图制作

弦图主要是用来表示一组元素之间的联系，弦图分为两部分，外部的节点和内部的弦。从一个元素到另外一个元素绘制弧，表示两个元素相关，弧的宽度表示权重，这就是弦。弦图的绘制，主要包括创建弦图布局对象、确定初始数据然后转换数据、添加节点和弦、添加文字、添加交互效果等。
访问地址：http://106.14.147.72/Graphtest/chord-interactive.html；
1.初始化数据

    var continent = [ "亚洲" , "欧洲" , "非洲" , "美洲" , "大洋洲"  ];

        // 各州人口的来源，如
        //              亚洲      美洲
        //  亚洲      9000        1000
        //  美洲      7000        500
        // 该矩阵表示：
        // 1.亚洲的人口：有9000是本地人，有1000人是来自美洲的移民，总人口为 9000 + 1000
        // 2.美洲的人口：有500是本地人，有7000人是来自亚洲的移民，总人口为 500 + 7000

        var population = [
          [ 9000,  870　 , 3000　, 1000 , 5200 ],
          [ 3400,  8000　, 2300　, 4922 , 374  ],
          [ 2000,  2000　, 7700　, 4881 , 1050 ],
          [ 3000,  8012  , 5531  , 500  , 400  ],
          [ 3540,  4310　, 1500  , 1900 , 300 ]
        ]; 

2.创建对象转换数据

var width  =