"GRCh37.json" and "fusion-genes.csv" files are located inside the same folder. Unfortunately, it does not display anything in browser(chrome/firefox). Did I miss something ?
<!DOCTYPE html>
<html>
<head>
<script src='https://cdn.rawgit.com/nicgirault/circosJS/v2/dist/circos.js'></script>
<script src='https://cdnjs.cloudflare.com/ajax/libs/d3-queue/3.0.3/d3-queue.js'></script>
</head>
<body>
<svg id='chart'></svg>
<script>
var circos = new Circos({
container: '#chart'
});
var drawCircos = function(error, GRCh37, rawData) {
data = rawData.map(function(d){
return [
d.source_id,
parseInt(d.source_breakpoint) - 2000000,
parseInt(d.source_breakpoint) + 2000000,
d.target_id,
parseInt(d.target_breakpoint) - 2000000,
parseInt(d.target_breakpoint) + 2000000,
];
});
circos
.layout(
{
ticks: {display: true},
},
GRCh37
)
.chord('gene-fusion', {color: '#fd6a62'}, data)
.render();
};
queue()
.defer(d3.json, "GRCh37.json")
.defer(d3.csv, "fusion-genes.csv")
.await(drawCircos);
</script>
</body>
</html>
"GRCh37.json" and "fusion-genes.csv" files are located inside the same folder. Unfortunately, it does not display anything in browser(chrome/firefox). Did I miss something ?