Circle Network Visualization Tool
Circular plot or Circus plot is a type of data visualization often used in bioinformatics to display relationships between different genomic elements or datasets. It typically consists of a circular layout, with arcs, ribbons, or links connecting points on the circle to represent relationships or interactions. It is commonly used to show connections between genes, chromosomes, or other biological data in a compact and visually informative way
<html>
<head>
<!-- Include the CanvasXpress library in your HTML file -->
<link rel="stylesheet" href="https://www.canvasxpress.org/dist/canvasXpress.css" type="text/css"/>
<script src="https://www.canvasxpress.org/dist/canvasXpress.min.js"></script>
</head>
<body>
<!-- Create a canvas element for the chart with the desired dimensions -->
<div>
<canvas id="canvasId" width="600" height="600"></canvas>
</div>
<!-- Create a script to initialize the chart -->
<script>
// Use a data frame (2D-array) for the graph
var data = [
[ "Id", "var1", "subject", "sample"],
[ "EA832479", 1, "CA013004-1-26", "EA832479"],
[ "EA832490", 1, "CA013004-1-26", "EA832490"],
[ "EA836497", 1, "CA013004-1-26", "EA836497"],
[ "EA836498", 1, "CA013004-1-26", "EA836498"],
[ "EA832494", 1, "CA013004-2-18", "EA832494"],
[ "EA832495", 1, "CA013004-2-18", "EA832495"],
[ "EA836499", 1, "CA013004-2-18", "EA836499"],
[ "EA836500", 1, "CA013004-2-18", "EA836500"],
[ "EA832476", 1, "CA013004-2-39", "EA832476"],
[ "EA832480", 1, "CA013004-2-39", "EA832480"],
[ "EA836501", 1, "CA013004-2-39", "EA836501"],
[ "EA836502", 1, "CA013004-2-39", "EA836502"],
[ "EA832482", 1, "CA013004-2-42", "EA832482"],
[ "EA832500", 1, "CA013004-2-42", "EA832500"],
[ "EA836503", 1, "CA013004-2-42", "EA836503"],
[ "EA836504", 1, "CA013004-2-42", "EA836504"],
[ "EA832481", 1, "CA013004-2-49", "EA832481"],
[ "EA832493", 1, "CA013004-2-49", "EA832493"],
[ "EA836505", 1, "CA013004-2-49", "EA836505"],
[ "EA1011925A18", 1, "CA013004-2-50", "EA1011925A18"],
[ "EA832483", 1, "CA013004-2-50", "EA832483"],
[ "EA832491", 1, "CA013004-2-50", "EA832491"],
[ "EA836507", 1, "CA013004-2-50", "EA836507"],
[ "EA836508", 1, "CA013004-2-50", "EA836508"],
[ "EA1011925A25", 1, "CA013004-2-6", "EA1011925A25"],
[ "EA832498", 1, "CA013004-2-6", "EA832498"],
[ "EA832499", 1, "CA013004-2-6", "EA832499"],
[ "EA836509", 1, "CA013004-2-6", "EA836509"],
// ... (data truncated after 29 records for clarity)
]
// Create the configuration for the graph
var config = {
"circularArcSectorSeparation" : 1,
"circularLabelsAlign" : "inside",
"colorScheme" : "Favorite",
"circularConnections" : [
["EA832040","EA1011925A27"],
["EA832040","EA832496"],
["EA832040","EA832497"],
["EA832039","EA1011925A19"],
["EA832039","EA832486"],
["EA832039","EA832492"],
["EA832044","EA1011925A3"],
["EA832045","EA1011925A5"],
["EA832048","EA1011925A10"],
["EA832048","EA832502"],
["EA832048","EA832503"],
["EA832051","EA1011925A9"],
["EA832051","EA832507"],
["EA832051","EA832509"],
["EA832050","EA1011925A12"],
["EA1011925A18","EA832483"],
["EA1011925A18","EA832491"],
["EA1011925A19","EA832039"],
["EA1011925A19","EA832486"],
["EA1011925A19","EA832492"],
["EA1011925A23","EA832484"],
["EA1011925A23","EA832501"],
["EA1011925A24","EA832489"],
["EA1011925A25","EA832498"],
["EA1011925A27","EA832040"],
["EA1011925A27","EA832496"],
["EA1011925A27","EA832497"],
["EA1011925A30","EA832487"],
["EA1011925A30","EA832488"],
["EA1011925A1","EA832521"],
["EA1011925A1","EA832525"],
["EA1011925A2","EA832510"],
["EA1011925A2","EA832511"],
["EA1011925A3","EA832044"],
["EA1011925A4","EA832514"],
["EA1011925A4","EA832515"],
["EA1011925A5","EA832045"],
["EA1011925A6","EA832519"],
["EA1011925A7","EA832508"],
["EA1011925A7","EA832513"],
["EA1011925A8","EA836531"],
["EA1011925A8","EA832504"],
["EA1011925A8","EA832524"],
["EA1011925A9","EA832051"],
["EA1011925A9","EA832507"],
["EA1011925A9","EA832509"],
["EA1011925A10","EA832048"],
["EA1011925A10","EA832502"],
["EA1011925A10","EA832503"],
["EA1011925A11","EA832523"],
["EA1011925A12","EA832050"],
["EA1011925A13","EA832506"],
["EA1011925A13","EA832527"],
["EA1011925A14","EA832520"],
["EA1011925A15","EA832517"],
["EA1011925A15","EA832518"],
["EA1011925A16","EA836533"],
["EA1011925A16","EA832475"],
["EA1011925A16","EA832526"],
["EA832475","EA836533"],
["EA832475","EA1011925A16"],
["EA832475","EA832526"],
["EA832476","EA832480"],
["EA832479","EA832490"],
["EA832480","EA832476"],
["EA832481","EA836505"],
["EA832481","EA832493"],
["EA832482","EA832499"],
["EA832483","EA1011925A18"],
["EA832483","EA832491"],
["EA832484","EA1011925A23"],
["EA832484","EA832501"],
["EA832486","EA1011925A19"],
["EA832486","EA832039"],
["EA832486","EA832492"],
["EA832487","EA1011925A30"],
["EA832487","EA832488"],
["EA832488","EA1011925A30"],
["EA832488","EA832487"],
["EA832489","EA1011925A24"],
["EA832490","EA832479"],
["EA832491","EA1011925A18"],
["EA832491","EA832483"],
["EA832492","EA1011925A19"],
["EA832492","EA832039"],
["EA832492","EA832486"],
["EA832493","EA836505"],
["EA832493","EA832481"],
["EA832494","EA832495"],
["EA832495","EA832494"],
["EA832496","EA1011925A27"],
["EA832496","EA832040"],
["EA832496","EA832497"],
["EA832497","EA1011925A27"],
["EA832497","EA832040"],
["EA832497","EA832496"],
["EA832498","EA1011925A25"],
["EA832498","EA832500"],
["EA832499","EA832482"],
["EA832500","EA832498"],
["EA832501","EA1011925A23"],
["EA832501","EA832484"],
["EA832502","EA1011925A10"],
["EA832502","EA832048"],
["EA832502","EA832503"],
["EA832503","EA1011925A10"],
["EA832503","EA832048"],
["EA832503","EA832502"],
["EA832504","EA836531"],
["EA832504","EA1011925A8"],
["EA832504","EA832524"],
["EA832506","EA1011925A13"],
["EA832506","EA832527"],
["EA832507","EA1011925A9"],
["EA832507","EA832051"],
["EA832507","EA832509"],
["EA832508","EA1011925A7"],
["EA832508","EA832513"],
["EA832509","EA1011925A9"],
["EA832509","EA832051"],
["EA832509","EA832507"],
["EA832510","EA1011925A2"],
["EA832510","EA832511"],
["EA832511","EA1011925A2"],
["EA832511","EA832510"],
["EA832513","EA1011925A7"],
["EA832513","EA832508"],
["EA832514","EA1011925A4"],
["EA832514","EA832515"],
["EA832515","EA1011925A4"],
["EA832515","EA832514"],
["EA832517","EA1011925A15"],
["EA832517","EA832518"],
["EA832518","EA1011925A15"],
["EA832518","EA832517"],
["EA832519","EA1011925A6"],
["EA832520","EA1011925A14"],
["EA832521","EA1011925A1"],
["EA832521","EA832525"],
["EA832523","EA1011925A11"],
["EA832524","EA836531"],
["EA832524","EA1011925A8"],
["EA832524","EA832504"],
["EA832525","EA1011925A1"],
["EA832525","EA832521"],
["EA832526","EA836533"],
["EA832526","EA1011925A16"],
["EA832526","EA832475"],
["EA832527","EA1011925A13"],
["EA832527","EA832506"],
["EA836488","EA836513"],
["EA836488","EA836514"],
["EA836494","EA836528"],
["EA836494","EA836529"],
["EA836492","EA836493"],
["EA836496","EA836535"],
["EA836496","EA836536"],
["EA836493","EA836492"],
["EA836533","EA836534"],
["EA836533","EA1011925A16"],
["EA836533","EA832475"],
["EA836533","EA832526"],
["EA836501","EA836502"],
["EA836497","EA836498"],
["EA836502","EA836501"],
["EA836505","EA832481"],
["EA836505","EA832493"],
["EA836503","EA836510"],
["EA836507","EA836508"],
["EA836517","EA836518"],
["EA836511","EA836512"],
["EA836515","EA836516"],
["EA836516","EA836515"],
["EA836498","EA836497"],
["EA836508","EA836507"],
["EA836512","EA836511"],
["EA836499","EA836500"],
["EA836500","EA836499"],
["EA836513","EA836488"],
["EA836513","EA836514"],
["EA836514","EA836488"],
["EA836514","EA836513"],
["EA836509","EA836504"],
["EA836510","EA836503"],
["EA836504","EA836509"],
["EA836518","EA836517"],
["EA836528","EA836494"],
["EA836528","EA836529"],
["EA836529","EA836494"],
["EA836529","EA836528"],
["EA836530","EA836531"],
["EA836526","EA836527"],
["EA836535","EA836496"],
["EA836535","EA836536"],
["EA836523","EA836524"],
["EA836536","EA836496"],
["EA836536","EA836535"],
["EA836539","EA836540"],
["EA836540","EA836539"],
["EA836524","EA836523"],
["EA836521","EA836522"],
["EA836522","EA836521"],
["EA836537","EA836538"],
["EA836538","EA836537"],
["EA836531","EA836530"],
["EA836531","EA1011925A8"],
["EA836531","EA832504"],
["EA836531","EA832524"],
["EA836534","EA836533"],
["EA836527","EA836526"]
],
"graphType" : "Circular",
"overlayLevelOrientation" : "perpendicular",
"overlayScaleFontFactor" : 1,
"circularTrackOrder" : ["subject","labels","sample"],
"segregateSamplesBy" : ["subject"],
"showLegend" : false,
"smpTextScaleFontFactor" : 0.3,
"xAxis" : ["var1"],
"xAxisShow" : false
}
// Event used to create graph (optional)
var events = false
// Call the CanvasXpress function to create the graph
var cX = new CanvasXpress("canvasId", data, config, events);
</script>
</body>
</html>
<html>
<head>
<!-- Include the CanvasXpress library in your HTML file -->
<link rel="stylesheet" href="https://www.canvasxpress.org/dist/canvasXpress.css" type="text/css"/>
<script src="https://www.canvasxpress.org/dist/canvasXpress.min.js"></script>
</head>
<body>
<!-- Create a canvas element for the chart with the desired dimensions -->
<div>
<canvas id="canvasId" width="600" height="600"></canvas>
</div>
<!-- Create a script to initialize the chart -->
<script>
// Create the data for the graph
var data = {
"x" : {
"sample" : ["EA832479","EA832490","EA836497","EA836498","EA832494","EA832495","EA836499","EA836500","EA832476","EA832480","EA836501","EA836502","EA832482","EA832500","EA836503","EA836504","EA832481","EA832493","EA836505","EA1011925A18","EA832483","EA832491","EA836507","EA836508","EA1011925A25","EA832498","EA832499","EA836509","EA836510","EA1011925A19","EA832039","EA832486","EA832492","EA836511","EA836512","EA1011925A27","EA832040","EA832496","EA832497","EA836488","EA836513","EA836514","EA1011925A30","EA832487","EA832488","EA836515","EA836516","EA1011925A23","EA832484","EA832501","EA836517","EA836518","EA1011925A24","EA832489","EA1011925A4","EA832514","EA832515","EA836521","EA836522","EA1011925A3","EA832044","EA1011925A5","EA832045","EA1011925A7","EA832508","EA832513","EA836492","EA836493","EA836523","EA836524","EA1011925A6","EA832519","EA1011925A13","EA832506","EA832527","EA836526","EA836527","EA1011925A10","EA832048","EA832502","EA832503","EA836494","EA836528","EA836529","EA1011925A8","EA832504","EA832524","EA836530","EA836531","EA1011925A12","EA832050","EA1011925A11","EA832523","EA1011925A16","EA832475","EA832526","EA836533","EA836534","EA1011925A9","EA832051","EA832507","EA832509","EA836496","EA836535","EA836536","EA1011925A15","EA832517","EA832518","EA836537","EA836538","EA1011925A2","EA832510","EA832511","EA836539","EA836540","EA1011925A14","EA832520","EA1011925A1","EA832521","EA832525"],
"subject" : ["CA013004-1-26","CA013004-1-26","CA013004-1-26","CA013004-1-26","CA013004-2-18","CA013004-2-18","CA013004-2-18","CA013004-2-18","CA013004-2-39","CA013004-2-39","CA013004-2-39","CA013004-2-39","CA013004-2-42","CA013004-2-42","CA013004-2-42","CA013004-2-42","CA013004-2-49","CA013004-2-49","CA013004-2-49","CA013004-2-50","CA013004-2-50","CA013004-2-50","CA013004-2-50","CA013004-2-50","CA013004-2-6","CA013004-2-6","CA013004-2-6","CA013004-2-6","CA013004-2-6","CA013004-3-27","CA013004-3-27","CA013004-3-27","CA013004-3-27","CA013004-3-27","CA013004-3-27","CA013004-3-7","CA013004-3-7","CA013004-3-7","CA013004-3-7","CA013004-3-7","CA013004-3-7","CA013004-3-7","CA013004-3-83","CA013004-3-83","CA013004-3-83","CA013004-3-83","CA013004-3-83","CA013004-4-38","CA013004-4-38","CA013004-4-38","CA013004-4-38","CA013004-4-38","CA013004-5-14","CA013004-5-14","CA013004-6-29","CA013004-6-29","CA013004-6-29","CA013004-6-29","CA013004-6-29","CA013004-6-31","CA013004-6-31","CA013004-6-35","CA013004-6-35","CA013004-6-47","CA013004-6-47","CA013004-6-47","CA013004-6-47","CA013004-6-47","CA013004-6-47","CA013004-6-47","CA013004-6-75","CA013004-6-75","CA013004-6-89","CA013004-6-89","CA013004-6-89","CA013004-6-89","CA013004-6-89","CA013004-7-28","CA013004-7-28","CA013004-7-28","CA013004-7-28","CA013004-7-28","CA013004-7-28","CA013004-7-28","CA013004-7-44","CA013004-7-44","CA013004-7-44","CA013004-7-44","CA013004-7-44","CA013004-7-69","CA013004-7-69","CA013004-7-70","CA013004-7-70","CA013004-8-117","CA013004-8-117","CA013004-8-117","CA013004-8-117","CA013004-8-117","CA013004-8-41","CA013004-8-41","CA013004-8-41","CA013004-8-41","CA013004-8-41","CA013004-8-41","CA013004-8-41","CA013004-8-53","CA013004-8-53","CA013004-8-53","CA013004-8-53","CA013004-8-53","CA013004-8-78","CA013004-8-78","CA013004-8-78","CA013004-8-78","CA013004-8-78","CA013004-8-79","CA013004-8-79","CA013004-8-84","CA013004-8-84","CA013004-8-84"]
},
"y" : {
"data" : [
[1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1]
],
"smps" : ["EA832479","EA832490","EA836497","EA836498","EA832494","EA832495","EA836499","EA836500","EA832476","EA832480","EA836501","EA836502","EA832482","EA832500","EA836503","EA836504","EA832481","EA832493","EA836505","EA1011925A18","EA832483","EA832491","EA836507","EA836508","EA1011925A25","EA832498","EA832499","EA836509","EA836510","EA1011925A19","EA832039","EA832486","EA832492","EA836511","EA836512","EA1011925A27","EA832040","EA832496","EA832497","EA836488","EA836513","EA836514","EA1011925A30","EA832487","EA832488","EA836515","EA836516","EA1011925A23","EA832484","EA832501","EA836517","EA836518","EA1011925A24","EA832489","EA1011925A4","EA832514","EA832515","EA836521","EA836522","EA1011925A3","EA832044","EA1011925A5","EA832045","EA1011925A7","EA832508","EA832513","EA836492","EA836493","EA836523","EA836524","EA1011925A6","EA832519","EA1011925A13","EA832506","EA832527","EA836526","EA836527","EA1011925A10","EA832048","EA832502","EA832503","EA836494","EA836528","EA836529","EA1011925A8","EA832504","EA832524","EA836530","EA836531","EA1011925A12","EA832050","EA1011925A11","EA832523","EA1011925A16","EA832475","EA832526","EA836533","EA836534","EA1011925A9","EA832051","EA832507","EA832509","EA836496","EA836535","EA836536","EA1011925A15","EA832517","EA832518","EA836537","EA836538","EA1011925A2","EA832510","EA832511","EA836539","EA836540","EA1011925A14","EA832520","EA1011925A1","EA832521","EA832525"],
"vars" : ["var1"]
}
}
// Create the configuration for the graph
var config = {
"circularArcSectorSeparation" : 1,
"circularLabelsAlign" : "inside",
"colorScheme" : "Favorite",
"circularConnections" : [
["EA832040","EA1011925A27"],
["EA832040","EA832496"],
["EA832040","EA832497"],
["EA832039","EA1011925A19"],
["EA832039","EA832486"],
["EA832039","EA832492"],
["EA832044","EA1011925A3"],
["EA832045","EA1011925A5"],
["EA832048","EA1011925A10"],
["EA832048","EA832502"],
["EA832048","EA832503"],
["EA832051","EA1011925A9"],
["EA832051","EA832507"],
["EA832051","EA832509"],
["EA832050","EA1011925A12"],
["EA1011925A18","EA832483"],
["EA1011925A18","EA832491"],
["EA1011925A19","EA832039"],
["EA1011925A19","EA832486"],
["EA1011925A19","EA832492"],
["EA1011925A23","EA832484"],
["EA1011925A23","EA832501"],
["EA1011925A24","EA832489"],
["EA1011925A25","EA832498"],
["EA1011925A27","EA832040"],
["EA1011925A27","EA832496"],
["EA1011925A27","EA832497"],
["EA1011925A30","EA832487"],
["EA1011925A30","EA832488"],
["EA1011925A1","EA832521"],
["EA1011925A1","EA832525"],
["EA1011925A2","EA832510"],
["EA1011925A2","EA832511"],
["EA1011925A3","EA832044"],
["EA1011925A4","EA832514"],
["EA1011925A4","EA832515"],
["EA1011925A5","EA832045"],
["EA1011925A6","EA832519"],
["EA1011925A7","EA832508"],
["EA1011925A7","EA832513"],
["EA1011925A8","EA836531"],
["EA1011925A8","EA832504"],
["EA1011925A8","EA832524"],
["EA1011925A9","EA832051"],
["EA1011925A9","EA832507"],
["EA1011925A9","EA832509"],
["EA1011925A10","EA832048"],
["EA1011925A10","EA832502"],
["EA1011925A10","EA832503"],
["EA1011925A11","EA832523"],
["EA1011925A12","EA832050"],
["EA1011925A13","EA832506"],
["EA1011925A13","EA832527"],
["EA1011925A14","EA832520"],
["EA1011925A15","EA832517"],
["EA1011925A15","EA832518"],
["EA1011925A16","EA836533"],
["EA1011925A16","EA832475"],
["EA1011925A16","EA832526"],
["EA832475","EA836533"],
["EA832475","EA1011925A16"],
["EA832475","EA832526"],
["EA832476","EA832480"],
["EA832479","EA832490"],
["EA832480","EA832476"],
["EA832481","EA836505"],
["EA832481","EA832493"],
["EA832482","EA832499"],
["EA832483","EA1011925A18"],
["EA832483","EA832491"],
["EA832484","EA1011925A23"],
["EA832484","EA832501"],
["EA832486","EA1011925A19"],
["EA832486","EA832039"],
["EA832486","EA832492"],
["EA832487","EA1011925A30"],
["EA832487","EA832488"],
["EA832488","EA1011925A30"],
["EA832488","EA832487"],
["EA832489","EA1011925A24"],
["EA832490","EA832479"],
["EA832491","EA1011925A18"],
["EA832491","EA832483"],
["EA832492","EA1011925A19"],
["EA832492","EA832039"],
["EA832492","EA832486"],
["EA832493","EA836505"],
["EA832493","EA832481"],
["EA832494","EA832495"],
["EA832495","EA832494"],
["EA832496","EA1011925A27"],
["EA832496","EA832040"],
["EA832496","EA832497"],
["EA832497","EA1011925A27"],
["EA832497","EA832040"],
["EA832497","EA832496"],
["EA832498","EA1011925A25"],
["EA832498","EA832500"],
["EA832499","EA832482"],
["EA832500","EA832498"],
["EA832501","EA1011925A23"],
["EA832501","EA832484"],
["EA832502","EA1011925A10"],
["EA832502","EA832048"],
["EA832502","EA832503"],
["EA832503","EA1011925A10"],
["EA832503","EA832048"],
["EA832503","EA832502"],
["EA832504","EA836531"],
["EA832504","EA1011925A8"],
["EA832504","EA832524"],
["EA832506","EA1011925A13"],
["EA832506","EA832527"],
["EA832507","EA1011925A9"],
["EA832507","EA832051"],
["EA832507","EA832509"],
["EA832508","EA1011925A7"],
["EA832508","EA832513"],
["EA832509","EA1011925A9"],
["EA832509","EA832051"],
["EA832509","EA832507"],
["EA832510","EA1011925A2"],
["EA832510","EA832511"],
["EA832511","EA1011925A2"],
["EA832511","EA832510"],
["EA832513","EA1011925A7"],
["EA832513","EA832508"],
["EA832514","EA1011925A4"],
["EA832514","EA832515"],
["EA832515","EA1011925A4"],
["EA832515","EA832514"],
["EA832517","EA1011925A15"],
["EA832517","EA832518"],
["EA832518","EA1011925A15"],
["EA832518","EA832517"],
["EA832519","EA1011925A6"],
["EA832520","EA1011925A14"],
["EA832521","EA1011925A1"],
["EA832521","EA832525"],
["EA832523","EA1011925A11"],
["EA832524","EA836531"],
["EA832524","EA1011925A8"],
["EA832524","EA832504"],
["EA832525","EA1011925A1"],
["EA832525","EA832521"],
["EA832526","EA836533"],
["EA832526","EA1011925A16"],
["EA832526","EA832475"],
["EA832527","EA1011925A13"],
["EA832527","EA832506"],
["EA836488","EA836513"],
["EA836488","EA836514"],
["EA836494","EA836528"],
["EA836494","EA836529"],
["EA836492","EA836493"],
["EA836496","EA836535"],
["EA836496","EA836536"],
["EA836493","EA836492"],
["EA836533","EA836534"],
["EA836533","EA1011925A16"],
["EA836533","EA832475"],
["EA836533","EA832526"],
["EA836501","EA836502"],
["EA836497","EA836498"],
["EA836502","EA836501"],
["EA836505","EA832481"],
["EA836505","EA832493"],
["EA836503","EA836510"],
["EA836507","EA836508"],
["EA836517","EA836518"],
["EA836511","EA836512"],
["EA836515","EA836516"],
["EA836516","EA836515"],
["EA836498","EA836497"],
["EA836508","EA836507"],
["EA836512","EA836511"],
["EA836499","EA836500"],
["EA836500","EA836499"],
["EA836513","EA836488"],
["EA836513","EA836514"],
["EA836514","EA836488"],
["EA836514","EA836513"],
["EA836509","EA836504"],
["EA836510","EA836503"],
["EA836504","EA836509"],
["EA836518","EA836517"],
["EA836528","EA836494"],
["EA836528","EA836529"],
["EA836529","EA836494"],
["EA836529","EA836528"],
["EA836530","EA836531"],
["EA836526","EA836527"],
["EA836535","EA836496"],
["EA836535","EA836536"],
["EA836523","EA836524"],
["EA836536","EA836496"],
["EA836536","EA836535"],
["EA836539","EA836540"],
["EA836540","EA836539"],
["EA836524","EA836523"],
["EA836521","EA836522"],
["EA836522","EA836521"],
["EA836537","EA836538"],
["EA836538","EA836537"],
["EA836531","EA836530"],
["EA836531","EA1011925A8"],
["EA836531","EA832504"],
["EA836531","EA832524"],
["EA836534","EA836533"],
["EA836527","EA836526"]
],
"graphType" : "Circular",
"overlayLevelOrientation" : "perpendicular",
"overlayScaleFontFactor" : 1,
"circularTrackOrder" : ["subject","labels","sample"],
"segregateSamplesBy" : ["subject"],
"showLegend" : false,
"smpTextScaleFontFactor" : 0.3,
"xAxis" : ["var1"],
"xAxisShow" : false
}
// Event used to create graph (optional)
var events = false
// Call the CanvasXpress function to create the graph
var cX = new CanvasXpress("canvasId", data, config, events);
</script>
</body>
</html>
library(canvasXpress)
y=read.table("https://www.canvasxpress.org/data/r/cX-circularNoData-dat.txt", header=TRUE, sep="\t", quote="", row.names=1, fill=TRUE, check.names=FALSE, stringsAsFactors=FALSE)
x=read.table("https://www.canvasxpress.org/data/r/cX-circularNoData-smp.txt", header=TRUE, sep="\t", quote="", row.names=1, fill=TRUE, check.names=FALSE, stringsAsFactors=FALSE)
canvasXpress(
data=y,
smpAnnot=x,
circularArcSectorSeparation=1,
circularConnections=list(['EA832040', 'EA1011925A27'], ['EA832040', 'EA832496'], ['EA832040', 'EA832497'], ['EA832039', 'EA1011925A19'], ['EA832039', 'EA832486'], ['EA832039', 'EA832492'], ['EA832044', 'EA1011925A3'], ['EA832045', 'EA1011925A5'], ['EA832048', 'EA1011925A10'], ['EA832048', 'EA832502'], ['EA832048', 'EA832503'], ['EA832051', 'EA1011925A9'], ['EA832051', 'EA832507'], ['EA832051', 'EA832509'], ['EA832050', 'EA1011925A12'], ['EA1011925A18', 'EA832483'], ['EA1011925A18', 'EA832491'], ['EA1011925A19', 'EA832039'], ['EA1011925A19', 'EA832486'], ['EA1011925A19', 'EA832492'], ['EA1011925A23', 'EA832484'], ['EA1011925A23', 'EA832501'], ['EA1011925A24', 'EA832489'], ['EA1011925A25', 'EA832498'], ['EA1011925A27', 'EA832040'], ['EA1011925A27', 'EA832496'], ['EA1011925A27', 'EA832497'], ['EA1011925A30', 'EA832487'], ['EA1011925A30', 'EA832488'], ['EA1011925A1', 'EA832521'], ['EA1011925A1', 'EA832525'], ['EA1011925A2', 'EA832510'], ['EA1011925A2', 'EA832511'], ['EA1011925A3', 'EA832044'], ['EA1011925A4', 'EA832514'], ['EA1011925A4', 'EA832515'], ['EA1011925A5', 'EA832045'], ['EA1011925A6', 'EA832519'], ['EA1011925A7', 'EA832508'], ['EA1011925A7', 'EA832513'], ['EA1011925A8', 'EA836531'], ['EA1011925A8', 'EA832504'], ['EA1011925A8', 'EA832524'], ['EA1011925A9', 'EA832051'], ['EA1011925A9', 'EA832507'], ['EA1011925A9', 'EA832509'], ['EA1011925A10', 'EA832048'], ['EA1011925A10', 'EA832502'], ['EA1011925A10', 'EA832503'], ['EA1011925A11', 'EA832523'], ['EA1011925A12', 'EA832050'], ['EA1011925A13', 'EA832506'], ['EA1011925A13', 'EA832527'], ['EA1011925A14', 'EA832520'], ['EA1011925A15', 'EA832517'], ['EA1011925A15', 'EA832518'], ['EA1011925A16', 'EA836533'], ['EA1011925A16', 'EA832475'], ['EA1011925A16', 'EA832526'], ['EA832475', 'EA836533'], ['EA832475', 'EA1011925A16'], ['EA832475', 'EA832526'], ['EA832476', 'EA832480'], ['EA832479', 'EA832490'], ['EA832480', 'EA832476'], ['EA832481', 'EA836505'], ['EA832481', 'EA832493'], ['EA832482', 'EA832499'], ['EA832483', 'EA1011925A18'], ['EA832483', 'EA832491'], ['EA832484', 'EA1011925A23'], ['EA832484', 'EA832501'], ['EA832486', 'EA1011925A19'], ['EA832486', 'EA832039'], ['EA832486', 'EA832492'], ['EA832487', 'EA1011925A30'], ['EA832487', 'EA832488'], ['EA832488', 'EA1011925A30'], ['EA832488', 'EA832487'], ['EA832489', 'EA1011925A24'], ['EA832490', 'EA832479'], ['EA832491', 'EA1011925A18'], ['EA832491', 'EA832483'], ['EA832492', 'EA1011925A19'], ['EA832492', 'EA832039'], ['EA832492', 'EA832486'], ['EA832493', 'EA836505'], ['EA832493', 'EA832481'], ['EA832494', 'EA832495'], ['EA832495', 'EA832494'], ['EA832496', 'EA1011925A27'], ['EA832496', 'EA832040'], ['EA832496', 'EA832497'], ['EA832497', 'EA1011925A27'], ['EA832497', 'EA832040'], ['EA832497', 'EA832496'], ['EA832498', 'EA1011925A25'], ['EA832498', 'EA832500'], ['EA832499', 'EA832482'], ['EA832500', 'EA832498'], ['EA832501', 'EA1011925A23'], ['EA832501', 'EA832484'], ['EA832502', 'EA1011925A10'], ['EA832502', 'EA832048'], ['EA832502', 'EA832503'], ['EA832503', 'EA1011925A10'], ['EA832503', 'EA832048'], ['EA832503', 'EA832502'], ['EA832504', 'EA836531'], ['EA832504', 'EA1011925A8'], ['EA832504', 'EA832524'], ['EA832506', 'EA1011925A13'], ['EA832506', 'EA832527'], ['EA832507', 'EA1011925A9'], ['EA832507', 'EA832051'], ['EA832507', 'EA832509'], ['EA832508', 'EA1011925A7'], ['EA832508', 'EA832513'], ['EA832509', 'EA1011925A9'], ['EA832509', 'EA832051'], ['EA832509', 'EA832507'], ['EA832510', 'EA1011925A2'], ['EA832510', 'EA832511'], ['EA832511', 'EA1011925A2'], ['EA832511', 'EA832510'], ['EA832513', 'EA1011925A7'], ['EA832513', 'EA832508'], ['EA832514', 'EA1011925A4'], ['EA832514', 'EA832515'], ['EA832515', 'EA1011925A4'], ['EA832515', 'EA832514'], ['EA832517', 'EA1011925A15'], ['EA832517', 'EA832518'], ['EA832518', 'EA1011925A15'], ['EA832518', 'EA832517'], ['EA832519', 'EA1011925A6'], ['EA832520', 'EA1011925A14'], ['EA832521', 'EA1011925A1'], ['EA832521', 'EA832525'], ['EA832523', 'EA1011925A11'], ['EA832524', 'EA836531'], ['EA832524', 'EA1011925A8'], ['EA832524', 'EA832504'], ['EA832525', 'EA1011925A1'], ['EA832525', 'EA832521'], ['EA832526', 'EA836533'], ['EA832526', 'EA1011925A16'], ['EA832526', 'EA832475'], ['EA832527', 'EA1011925A13'], ['EA832527', 'EA832506'], ['EA836488', 'EA836513'], ['EA836488', 'EA836514'], ['EA836494', 'EA836528'], ['EA836494', 'EA836529'], ['EA836492', 'EA836493'], ['EA836496', 'EA836535'], ['EA836496', 'EA836536'], ['EA836493', 'EA836492'], ['EA836533', 'EA836534'], ['EA836533', 'EA1011925A16'], ['EA836533', 'EA832475'], ['EA836533', 'EA832526'], ['EA836501', 'EA836502'], ['EA836497', 'EA836498'], ['EA836502', 'EA836501'], ['EA836505', 'EA832481'], ['EA836505', 'EA832493'], ['EA836503', 'EA836510'], ['EA836507', 'EA836508'], ['EA836517', 'EA836518'], ['EA836511', 'EA836512'], ['EA836515', 'EA836516'], ['EA836516', 'EA836515'], ['EA836498', 'EA836497'], ['EA836508', 'EA836507'], ['EA836512', 'EA836511'], ['EA836499', 'EA836500'], ['EA836500', 'EA836499'], ['EA836513', 'EA836488'], ['EA836513', 'EA836514'], ['EA836514', 'EA836488'], ['EA836514', 'EA836513'], ['EA836509', 'EA836504'], ['EA836510', 'EA836503'], ['EA836504', 'EA836509'], ['EA836518', 'EA836517'], ['EA836528', 'EA836494'], ['EA836528', 'EA836529'], ['EA836529', 'EA836494'], ['EA836529', 'EA836528'], ['EA836530', 'EA836531'], ['EA836526', 'EA836527'], ['EA836535', 'EA836496'], ['EA836535', 'EA836536'], ['EA836523', 'EA836524'], ['EA836536', 'EA836496'], ['EA836536', 'EA836535'], ['EA836539', 'EA836540'], ['EA836540', 'EA836539'], ['EA836524', 'EA836523'], ['EA836521', 'EA836522'], ['EA836522', 'EA836521'], ['EA836537', 'EA836538'], ['EA836538', 'EA836537'], ['EA836531', 'EA836530'], ['EA836531', 'EA1011925A8'], ['EA836531', 'EA832504'], ['EA836531', 'EA832524'], ['EA836534', 'EA836533'], ['EA836527', 'EA836526']),
circularLabelsAlign="inside",
circularTrackOrder=list("subject", "labels", "sample"),
colorScheme="Favorite",
graphType="Circular",
overlayLevelOrientation="perpendicular",
overlayScaleFontFactor=1,
segregateSamplesBy=list("subject"),
showLegend=FALSE,
smpTextScaleFontFactor=0.3,
xAxis=list("var1"),
xAxisShow=FALSE
)
