index.html
<!DOCTYPE html>
<meta charset="utf-8">
<style>
</style>
<body>
<svg width="960" height="500">
<g transform="translate(450,250)"></g>
</svg>
<script src="https://d3js.org/d3.v4.min.js"></script>
<script src="//vizjs.org/viz.v1.3.0.min.js"></script>
<script>
var chord = viz.chord()
.data(getData())
d3.select("g").call(chord);
setInterval(update, 2000)
function update(){
chord.update(getData())
}
function getData(){
var n = ["China", "US", "UK", "India", "Canada"];
var ret = [];
n.forEach(function(s){
n.forEach(function(t){
ret.push([s,t, Math.floor(Math.random()*1000)])
})
})
return ret;
}
</script>