Circular Chart

A circular barplot is a barplot, with each bar displayed along a circle instead of a line. Thus, it is advised to have a good understanding of how barplot works before making it circular. Circular bar chart is very ‘eye catching’ and allows a better use of the space than a long usual barplot.


Example Color Themes

Example Fonts



Show Code

Tools

<!-- 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/canvasXpress.min.js"></script>


<!-- 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" : {
        "Factor1" : ["Lev : 2","Lev : 1","Lev : 1","Lev : 1","Lev : 2","Lev : 1","Lev : 1","Lev : 1","Lev : 2","Lev : 1"],
        "Factor2" : ["Lev : 1","Lev : 2","Lev : 2","Lev : 1","Lev : 1","Lev : 3","Lev : 3","Lev : 1","Lev : 1","Lev : 2"],
        "Factor3" : ["Lev : 4","Lev : 1","Lev : 2","Lev : 1","Lev : 4","Lev : 4","Lev : 1","Lev : 4","Lev : 2","Lev : 2"],
        "Factor4" : ["Lev : 1","Lev : 4","Lev : 2","Lev : 4","Lev : 5","Lev : 2","Lev : 2","Lev : 1","Lev : 4","Lev : 3"]
     },
     "y" : {
        "data" : [
          [52.79,24.71,14.35,22.23,42.42,12.38,19.18,19.6,51.81,20.2],[53.39,28.1,8.02,24.12,21.36,28.89,16.29,27.44,38.8,18.3],[31.11,13.84,16.32,7.62,29.04,2.66,11.83,8.6,52.39,8.55],[42.48,6.54,14.22,6.19,51.77,6.26,6.4,4.32,47.32,3.13],[21.44,8.39,17.61,1.59,42.14,6.91,14.92,5.04,30.25,20.55],[47.6,25.45,7.53,6.22,40.27,10.96,28.39,19.22,37.05,11.5],[22.9,23.06,3.38,25.36,31.83,1.15,25.07,10.77,23.24,24.39],[35.39,3.88,19.33,20.16,42.14,21.13,25.74,24.42,25.39,2.43],[52.37,6.73,13.85,11.98,21.89,4.12,24.02,19,25.97,23.68],[52.58,23.67,7.66,21.44,47.43,4.87,22.18,20.36,52.05,2.86],[31.75,16.88,21.22,1.41,45.79,26.28,17.74,9.64,22.42,9.45],[24.37,4.16,24.06,23.13,41.6,27.75,13.84,7.34,45.81,16.44],[46.31,15.54,6.64,22.44,52.65,14.93,5.5,24.09,22.05,9.59],[35.7,19.79,2.5,26.23,34.06,23.88,16.45,7.96,24.18,3.22],[35.47,5.46,8.68,2.91,22.42,6.71,1.83,22.89,28.1,14.21],[52.58,27.38,27.51,14.4,47.27,15.92,13.59,26.11,33,23.06],[38.08,15.55,28.65,28.74,47.06,16.09,20.78,26.79,43.36,22.28],[53.38,7.1,26.57,11.79,40.73,26.29,26.21,5.92,53.16,6.62],[29.9,13.26,7.23,5.38,53.67,28.59,25.78,21.36,52.78,13.46],[52.6,19.51,14.72,15.76,52.13,11.8,1.05,20.58,29.03,17.05],[32.48,24.14,21.4,11.61,32.99,7.31,10.01,27.88,43.2,1.14],[30.62,26.5,26.38,24.57,21.88,20.69,13.17,13.96,41.89,28.89],[43.32,18.91,11.68,22.23,26.85,11.23,25.33,2.87,46.3,9.78],[22.35,22.74,27.62,12.85,36.96,1.77,26.33,2.53,27.88,26.44],[52.04,3.77,14.24,14.65,28.39,14.11,25.47,21.81,42.57,18.74],[47.25,13.18,26.74,17.95,53.01,26.92,1.61,4.51,30.27,7.34],[25.46,16.02,25.93,11.33,53.77,17.54,1.39,24.03,23.83,13.23],[22.81,10.33,24.77,26.01,28.95,23.99,12.01,17.69,35.64,12.08],[49.27,26.71,6.64,14.77,51.25,28.48,1.55,10.43,31.01,17.18],[42.41,10.58,15.27,14.52,40.17,22.83,12.05,1.56,22.99,27.03],[45.11,18.03,2.03,22.29,47.98,18.79,1.27,3.41,30.1,9.83],[52.17,16.1,19.34,5.16,42.09,20.79,20.52,1.7,29.79,28.78],[42.62,6.73,9.88,20.52,32.33,23.13,27.96,18.97,47.05,26.31],[34.15,27.79,1.84,8.72,23.68,13.74,8.7,13.29,45.97,10.63],[53.41,8.13,27.7,1.16,33.81,17.28,17.65,3.52,26.6,1.81],[46.08,16.98,2.9,6.39,48.8,14.27,1.16,19.95,26.05,16.55],[47.68,20.6,26.02,2.24,30.25,5.2,27.69,27.32,25.77,1.83],[43.9,17.09,3.2,27.51,21.37,25.93,26.64,20.24,33.7,17.47],[48.23,13.08,5.52,7.6,49.08,28.7,8.77,13.11,32.41,2.72],[33.18,9.4,10.42,21.24,44.66,25.64,12.85,7.75,21.55,28.84],[42.38,23.57,21.18,25.08,43.04,11.07,14.21,1.42,32.97,21.7],[30.55,3.97,4.38,28.78,39.17,12.88,4.53,18.51,48.28,7.76],[41.59,14.67,21.58,15.97,32.76,6.12,26.85,15.79,41.7,7.31],[46,15.58,27.91,1.88,31.55,28.62,14.72,15.09,52.69,8.05],[52.78,22.19,15.16,1.41,45.68,9.69,12.1,7.3,21.85,3.27],[47.42,27.04,15.18,26.67,23.72,24.41,28.73,22.77,22.13,8.03],[25.76,1.63,11.07,19.24,29.78,9.65,21.95,13.94,48.78,7.68],[48.6,27.58,20.39,19.72,35.11,28.69,23.7,1.95,33.49,27.96],[41.85,15.79,7.88,16.83,52.66,16.14,5.35,18.82,27.15,5.45],[45.62,21.21,11.66,5.16,22.28,11.81,16.28,15.32,33.85,22.43],[46.29,25.75,19.88,20.76,22.11,21.46,7.11,26.73,44.82,3.51],[24.36,8.99,9.74,27.87,32.85,27.9,18.32,14.07,37.25,17.46],[36.43,20.25,1.86,10.53,21.23,4.09,19.13,18.67,36.86,19.04],[25.61,11.06,9.71,17.51,32.42,5.87,28.71,7.12,44.66,3.21],[28.35,16.72,6.6,21.55,39.72,5.16,9.52,6.6,41.89,4.98],[31.16,24.99,5.19,8.29,32.85,5.62,21.49,16.94,48.36,26.06],[28.1,14.02,18.97,24.52,48.45,18.57,11.57,26.8,23.16,7.75],[34.22,18.8,4.05,5.68,22.38,6.06,19,9.99,38.28,12.62],[50,5.17,13.58,27.32,48.93,12.52,12.53,3.9,27.92,13.57],[51.8,14.39,27.67,17.76,49.12,18.48,5.37,21.47,26.36,5.42],[21.06,27.43,4.66,4.66,43.69,23.29,10.97,24.48,39.68,24.51],[38.43,26.14,9.59,21.03,21.09,20.03,19.43,26.53,35.09,19.22],[52.81,25.31,18.03,8.39,47.76,23.69,26.31,26.5,37.19,25.91],[25.14,7.08,17.93,13.86,21.06,23.32,27.77,1.05,51.25,19.22],[48.36,8.08,18.26,16.15,28.64,13.73,13.87,16.39,42.95,1.75],[37.43,11.5,23.1,10.51,48.75,5.03,28.38,18.39,27.03,17.35],[22.67,19.74,20.84,15.24,40.62,18.13,5.79,8.72,45.6,27.13],[39.33,19.08,25.75,14.02,38.13,13.18,25.47,2.38,33.72,3.71],[32.02,13.58,25.5,3.88,22.28,5.56,8.13,18.99,32.71,4.26],[26.62,3.28,25.59,18.33,27.65,15.9,20.44,28.41,46.91,6.13],[51.91,26.1,2.84,28.74,31.25,23.36,12.53,15.14,51.49,10.04],[48.71,21.97,15.89,28.65,49.3,21.22,3.76,20.03,42.07,18.88],[23.13,2.08,10.52,21.58,48.12,17.61,4.93,15.71,26.94,28.32],[25.16,27.29,27.77,21.57,53.14,19.33,6.46,15.55,38.21,22.02],[27.01,18.7,18.35,25.85,34.58,16.19,13.52,21.68,33.73,7.28],[40.99,15.97,19.43,22.44,46.51,27.81,11.62,2.95,44.24,27.83],[27.63,20.4,23.63,18.05,39.83,27.58,26.87,8.77,34.69,3.6],[27.43,2.53,1.74,26.48,22.16,14.38,7.54,11.17,43.99,15.86],[37.72,24.1,13.48,1.62,31.68,24.96,23.16,12.29,25.18,16.59],[46.47,23.57,6.71,11.72,53.77,7.37,1.13,20.3,22.93,6.53],[49.41,28.3,16.59,15.22,27.74,6.38,3.01,20.2,38.05,2.12],[52.69,14.29,4.48,5.06,38.24,20.31,13.41,10.79,35.45,9.82],[48.98,21.97,22.63,3.21,46.84,28.64,5.27,15.32,23.21,17.51],[25.76,3.48,16.51,15.99,40.09,17.21,22.1,24.21,22.85,26.39],[29.57,22.65,14.76,4.48,47.37,12.4,21.85,12.72,25.18,11.03],[22.01,6.11,22.28,15.93,46.41,6.62,21.88,8.61,23.99,15.67],[23.29,24.59,2.47,21.52,23.92,11.13,14.74,17.02,33.5,22.62],[30.62,18.08,2.31,19.1,45.56,27.75,3.24,9.69,42.93,4.19],[24.13,1.35,11.88,25.51,48.22,1.37,28.94,5.28,38.25,15.38],[49.63,5.33,18.6,20.61,22.34,11.06,2.22,16.54,53.47,8.68],[42.2,19.69,4.01,26.61,34.98,13.31,4.99,26.61,47,22.4],[48.24,17.15,28.34,10.62,30.8,15.28,21.08,5.84,49.72,13.17],[51.71,3.67,25.57,13.12,38.31,8.22,22.73,13.4,47.61,1.33],[41.29,6.55,21.66,3.17,36.62,8.21,19.98,23.25,50.76,6.85],[40.45,27.37,2.53,13.66,28.2,14.32,5.53,14.67,45.83,15.08],[42.23,15.24,10.62,15.37,33.92,1.51,8.22,23.53,49.44,23.54],[30.88,19.84,8.42,12.73,24.76,15.13,23.73,25.79,48.92,25.5],[52.89,23.31,3.3,21.71,29.33,10.32,6.42,23.83,25.11,19.65],[41.38,7.44,4.04,17.54,22.94,1.33,8.61,15.45,49.55,15.54],[36.81,21.34,3.01,7.09,40.02,20.06,21.23,20.02,31.02,17.84],[52.29,5.38,9.99,27.28,29.16,1.64,7.27,7.86,23.61,19.17],[48.66,10.33,15.84,12.52,31.17,15.37,9.89,16.43,25.28,27.01],[22.81,20.15,13.89,6.64,30.87,28.08,11.89,7.24,44.44,4.9],[34.43,7.32,7.79,12.2,33.55,16.55,13.96,9.8,51.31,3.19],[39.06,17.33,9.56,20.28,40.86,17.91,22.71,13.64,31.37,6.01],[45.03,5.67,22.87,12.66,29.29,4.14,7.56,16.01,36.65,12.56],[51.77,4.1,26,3.96,32.23,5.26,11.71,17.96,39.59,20.08],[49.81,12.7,1.62,11.22,52.71,22.16,13.26,15,42.64,9.27],[43.15,20.12,28.12,8.84,26.77,20.31,9.84,15.72,24.4,27.82],[41.2,20.39,7.76,8.74,39.75,20.92,15.3,10.16,50.94,15.1],[43.31,21.41,24.5,14.25,42.58,10.01,9.79,11.6,24.88,27.58],[38.03,9.96,18.37,3.06,28.42,2.99,1.76,4.72,39.11,21.21],[38.78,11.89,15.05,21.22,38.79,15.56,7.43,16.35,24.81,13.12],[29.68,28.51,27.6,27.92,44.52,18.12,25.71,16.97,36.77,10.44],[52.9,19.04,28.71,10.37,27.04,18.85,28.06,18.31,31.31,27.66],[50.77,21.27,28.56,5.12,35.39,8.15,11.73,8.75,43.82,26.65],[28.09,21.14,17.46,27.36,51.84,26.42,13.57,18.96,33.6,19.64],[29.81,7.84,27.68,22.15,34.79,18.01,26.49,15.11,44.04,4],[43.29,24.01,13.9,27.21,42.29,17.94,16.38,25.6,49.04,14.41],[31.46,9.34,8.84,19.22,52.91,13.62,6.53,26.15,24.57,13.06],[42.03,21.07,27.35,24.6,45.33,24.58,5.59,9.23,51.35,1.02],[41.69,22.28,12.03,7.11,32.98,5.01,15.36,3.16,22.33,3.7],[47.62,11.61,28.85,10.52,36.34,19.35,22.81,15.83,42.17,25.63],[30.29,9.92,2.32,4.99,34.83,23.06,17.59,10.86,45.17,16.3],[49.02,26.6,15.79,20.37,52.66,28.84,19.57,24.66,42.02,20.58],[37.26,10.71,22.96,5.43,29.59,14.85,16.53,24,52.94,26.8],[33.25,2.41,17.29,27.27,32.39,28.05,24.16,20.49,28.8,11.27],[39.38,6.45,20.91,9.61,45.47,18.77,9.13,13.85,31.49,21.25],[51.05,15.04,20.68,8.44,48.1,19.95,19.61,28.13,35.33,17.97],[29.34,16.32,6.32,2.27,53.69,14.11,18.18,14.14,35.59,6.2],[36.38,12.11,8.04,28.07,24.38,23.47,22.72,27.67,49.74,5.53],[29.6,10.14,24.5,8.97,48.86,20.44,1.83,3.96,21.76,9.1],[52.36,21.32,23.69,20.39,46.22,24.85,21.1,24.07,30.68,11.32],[22.61,13.82,28.27,3.5,32.82,12.1,28.91,10.63,52.58,25.55],[25.18,27.88,26.97,24.2,53.01,23.7,22.25,10.12,29.71,5.07],[23.97,27.01,9.14,11.7,23.19,12.18,20.88,25.48,38.24,20.58],[49.63,13.67,1.34,17.56,50.43,7.5,4.14,12.52,48.7,22.08],[51.08,10.04,18.23,14.37,44.22,1.55,7.89,23.5,24.09,8.86],[32.88,4.6,4.6,3.62,48.38,2.13,28.81,7.23,25.57,8.73],[32.27,17.45,28.26,1.66,39.41,28.36,2.61,23.5,26.42,26.57],[45.43,1.89,19.53,14.48,31.9,20.54,1.01,23.49,53.54,11.51],[53.68,22.09,15.49,6.19,40.87,25.97,25.33,1.17,31.83,23.54],[36.4,3.93,11.53,12.81,28.34,2.62,4.94,21.85,31.44,15.91],[38.8,19.03,24.23,9.15,30.01,18.03,19.11,5.56,45.77,28.97],[50.44,24.58,14.49,11.83,53.21,13.68,9.97,19.76,35.37,5.13],[31.63,16.26,23.55,20.4,27.16,1.02,21.76,12.51,23.73,10.42],[38.24,7.25,5.81,19.28,30.62,16.17,19.11,3.93,49.73,19.5],[46.77,12.63,25.33,27.77,23.56,28.56,18.59,10.73,25.1,2.19],[49.79,2.32,1.86,26.89,41.33,17.48,14.26,15.09,51.34,19.84],[26.78,2.77,19.56,18.37,45.22,16.96,3.91,25.44,35.53,8.37],[51.84,11.17,21.27,1.05,32.11,2.47,16.07,2.64,41.37,4.85],[41.1,27.01,22.43,1.42,22.96,18.39,21.03,3.31,47.51,12.6],[46.15,23.08,15.63,10.09,29.78,16.61,11.71,5.25,28.76,15.49],[48.44,19.05,12.58,4.44,30.65,17.2,22.99,13.83,24.92,25.95],[43.75,27.45,7.52,28.08,48.03,7.82,28.79,13.96,43.92,1.08],[23.27,9.73,6.63,7.57,46.95,5.47,8.81,27.18,43.93,20.68],[46.11,9.8,19.72,1.68,39.37,8.94,7.18,22.96,43.29,16.61],[37.81,28.13,27.44,14.8,38.41,6.19,12.98,15.88,34.2,21.84],[25.45,7.63,13.02,13.04,45.67,25.06,18.63,5.5,24.81,10.08],[31.85,12.55,10.13,13.15,23.25,16.16,20.33,27.88,36.94,3.71],[38.29,16.24,22.73,14.31,43.97,10.44,26.83,20.28,38.77,2.73],[27.41,10.64,18.83,16.97,31.26,13.18,2.64,5.84,35.93,24.41],[53.9,1.2,28.76,5.34,32.91,18.14,1.6,27.94,41.53,16.48],[42.34,8.83,28.06,1.11,21.38,14.28,28.54,14.8,45.92,5.65],[22.59,27.42,2.06,3.08,42.51,18.3,21.8,10.97,28.17,9.76],[24.03,5.37,3.06,24.75,26.88,17.01,7.32,6.12,53.62,19.39],[25.21,12.38,4.06,8.5,23.66,26.27,6.5,13.97,52.23,2.53],[21.43,9.02,11.43,24.84,45.26,14.65,1.01,2.52,21.9,16.26],[45.57,11.08,20.8,26.15,29.2,26.35,9.27,15.34,34.89,28.51],[46.2,11.07,12.05,16.71,45.23,6.56,27.86,17.12,51.75,6.62],[21.35,20.14,19.06,22.41,36.04,14.14,1.79,19.66,25.71,23.23],[49.33,24.28,22.3,27.59,53.76,26.28,18.32,7.68,47.18,1.02],[21.78,17.01,23.26,23.39,25.3,4.18,2.08,10.78,33.78,1.32],[30.89,8.35,1.4,25.68,28.98,22.62,18.18,8.84,37.04,2.99],[21.55,11.85,24.33,8.5,38.4,9.96,10.91,19.72,41.95,12.44],[52.66,1.12,23.65,27.21,37.26,27.38,7.5,17.98,52.83,13.38],[34.72,18.76,28.1,18.17,23.51,15.65,7.27,23.02,30.09,18.72],[30.5,4.8,3.22,16.88,31,28.99,26.39,24.91,45.3,11.19],[43.95,11.96,13.07,25,31.82,21.9,17.47,15.41,39.76,10.66],[48.1,1.12,2.47,21.34,43.53,25.06,16.5,6.3,28.09,25.49],[29.38,11.34,22.09,6.79,21.35,4.75,1.38,8.5,33.73,15.17],[21.45,3.14,13.84,21.62,34.39,1.32,23.04,9.6,33.36,12.83],[27.55,13.14,1.92,23.19,34.43,21.65,6.65,8.66,23.27,13.41],[42,8.04,10.01,22.62,31.02,26.42,10.56,6.07,52.1,22.73],[50.68,11.8,20.5,13.2,49.5,16.36,23.47,1.26,52.11,6.87],[46.9,6.11,9.83,5.76,33.14,20.6,22.2,10.86,24.28,7.22],[23.49,20.91,13.9,3.77,41.37,16.67,20.85,14.56,41.59,2.48],[39.56,7.5,22.68,14.88,26.3,26.24,22.45,27.49,33.75,12.28],[41,21.73,26.46,24.01,37.7,19.38,23.42,12.84,32.01,5.28],[28.02,16.13,9.13,22.94,29.45,20.2,15.4,13.69,45.03,21.07],[26.45,14.49,20.43,7.38,24.85,25.36,2.69,4.91,46.74,18.85],[35.11,7.17,22.37,7.18,35.22,17.4,13.75,25.76,37.96,14.03],[31.8,28.62,4.03,27.35,34.46,4.35,14.3,8.43,31.49,27.2],[52.7,5.97,5.7,10.52,44.97,8.57,15.36,6.99,47.65,17.3],[50.45,22.98,24.95,20.9,22.78,22.91,17.43,21.92,25.3,24.46],[21.86,20.42,18.33,5.72,29.44,28.62,7.23,5.17,37.31,3.12],[48.8,13.89,15.33,11.12,48.7,27.98,19.88,14.3,42.36,19.42],[28.11,9.97,25.52,3.68,48.55,2.26,20.76,9.64,42.63,9.84],[30.79,2.41,13.33,23.13,52.03,4.8,13.08,26.53,41.04,18.68],[45.36,25.66,7.86,3.99,45.06,21.64,4.39,23.03,23,14.41]
        ],
        "smps" : ["S1","S2","S3","S4","S5","S6","S7","S8","S9","S10"],
        "vars" : ["V1","V2","V3","V4","V5","V6","V7","V8","V9","V10","V11","V12","V13","V14","V15","V16","V17","V18","V19","V20","V21","V22","V23","V24","V25","V26","V27","V28","V29","V30","V31","V32","V33","V34","V35","V36","V37","V38","V39","V40","V41","V42","V43","V44","V45","V46","V47","V48","V49","V50","V51","V52","V53","V54","V55","V56","V57","V58","V59","V60","V61","V62","V63","V64","V65","V66","V67","V68","V69","V70","V71","V72","V73","V74","V75","V76","V77","V78","V79","V80","V81","V82","V83","V84","V85","V86","V87","V88","V89","V90","V91","V92","V93","V94","V95","V96","V97","V98","V99","V100","V101","V102","V103","V104","V105","V106","V107","V108","V109","V110","V111","V112","V113","V114","V115","V116","V117","V118","V119","V120","V121","V122","V123","V124","V125","V126","V127","V128","V129","V130","V131","V132","V133","V134","V135","V136","V137","V138","V139","V140","V141","V142","V143","V144","V145","V146","V147","V148","V149","V150","V151","V152","V153","V154","V155","V156","V157","V158","V159","V160","V161","V162","V163","V164","V165","V166","V167","V168","V169","V170","V171","V172","V173","V174","V175","V176","V177","V178","V179","V180","V181","V182","V183","V184","V185","V186","V187","V188","V189","V190","V191","V192","V193","V194","V195","V196","V197","V198","V199","V200"]
     },
     "z" : {
        "Annt1" : ["Desc : 2","Desc : 2","Desc : 1","Desc : 1","Desc : 1","Desc : 1","Desc : 2","Desc : 2","Desc : 2","Desc : 1","Desc : 1","Desc : 1","Desc : 2","Desc : 1","Desc : 1","Desc : 1","Desc : 1","Desc : 1","Desc : 1","Desc : 2","Desc : 1","Desc : 1","Desc : 1","Desc : 1","Desc : 2","Desc : 2","Desc : 2","Desc : 1","Desc : 2","Desc : 1","Desc : 2","Desc : 2","Desc : 2","Desc : 1","Desc : 2","Desc : 1","Desc : 1","Desc : 2","Desc : 2","Desc : 1","Desc : 2","Desc : 2","Desc : 2","Desc : 2","Desc : 2","Desc : 1","Desc : 1","Desc : 1","Desc : 1","Desc : 2","Desc : 1","Desc : 2","Desc : 2","Desc : 1","Desc : 2","Desc : 1","Desc : 1","Desc : 1","Desc : 1","Desc : 1","Desc : 2","Desc : 2","Desc : 2","Desc : 2","Desc : 1","Desc : 2","Desc : 2","Desc : 2","Desc : 2","Desc : 2","Desc : 2","Desc : 2","Desc : 1","Desc : 1","Desc : 1","Desc : 2","Desc : 2","Desc : 1","Desc : 1","Desc : 2","Desc : 1","Desc : 2","Desc : 1","Desc : 2","Desc : 2","Desc : 1","Desc : 2","Desc : 2","Desc : 2","Desc : 1","Desc : 1","Desc : 2","Desc : 2","Desc : 1","Desc : 1","Desc : 1","Desc : 1","Desc : 2","Desc : 1","Desc : 2","Desc : 2","Desc : 2","Desc : 2","Desc : 1","Desc : 1","Desc : 2","Desc : 1","Desc : 1","Desc : 1","Desc : 2","Desc : 1","Desc : 2","Desc : 2","Desc : 2","Desc : 2","Desc : 1","Desc : 2","Desc : 2","Desc : 1","Desc : 1","Desc : 1","Desc : 1","Desc : 2","Desc : 1","Desc : 2","Desc : 1","Desc : 2","Desc : 1","Desc : 2","Desc : 1","Desc : 2","Desc : 1","Desc : 2","Desc : 2","Desc : 1","Desc : 1","Desc : 1","Desc : 1","Desc : 1","Desc : 1","Desc : 1","Desc : 1","Desc : 1","Desc : 2","Desc : 2","Desc : 1","Desc : 2","Desc : 1","Desc : 2","Desc : 2","Desc : 2","Desc : 2","Desc : 2","Desc : 2","Desc : 1","Desc : 2","Desc : 1","Desc : 2","Desc : 1","Desc : 1","Desc : 1","Desc : 1","Desc : 2","Desc : 2","Desc : 2","Desc : 1","Desc : 1","Desc : 2","Desc : 2","Desc : 2","Desc : 1","Desc : 1","Desc : 2","Desc : 2","Desc : 1","Desc : 1","Desc : 2","Desc : 2","Desc : 2","Desc : 2","Desc : 2","Desc : 2","Desc : 2","Desc : 1","Desc : 1","Desc : 2","Desc : 2","Desc : 2","Desc : 1","Desc : 1","Desc : 1","Desc : 1","Desc : 1","Desc : 1","Desc : 2","Desc : 2","Desc : 2","Desc : 1","Desc : 1","Desc : 2"],
        "Annt2" : ["Desc : 3","Desc : 2","Desc : 2","Desc : 2","Desc : 2","Desc : 3","Desc : 2","Desc : 3","Desc : 3","Desc : 3","Desc : 1","Desc : 3","Desc : 2","Desc : 2","Desc : 3","Desc : 1","Desc : 2","Desc : 2","Desc : 3","Desc : 3","Desc : 2","Desc : 2","Desc : 1","Desc : 1","Desc : 2","Desc : 1","Desc : 3","Desc : 1","Desc : 1","Desc : 3","Desc : 2","Desc : 1","Desc : 2","Desc : 1","Desc : 3","Desc : 2","Desc : 2","Desc : 2","Desc : 2","Desc : 3","Desc : 1","Desc : 1","Desc : 3","Desc : 1","Desc : 1","Desc : 3","Desc : 3","Desc : 2","Desc : 3","Desc : 2","Desc : 2","Desc : 1","Desc : 3","Desc : 2","Desc : 2","Desc : 1","Desc : 1","Desc : 1","Desc : 2","Desc : 2","Desc : 2","Desc : 2","Desc : 1","Desc : 2","Desc : 1","Desc : 2","Desc : 3","Desc : 2","Desc : 2","Desc : 3","Desc : 1","Desc : 3","Desc : 2","Desc : 3","Desc : 2","Desc : 1","Desc : 1","Desc : 3","Desc : 3","Desc : 2","Desc : 1","Desc : 3","Desc : 3","Desc : 2","Desc : 2","Desc : 3","Desc : 3","Desc : 2","Desc : 3","Desc : 1","Desc : 3","Desc : 1","Desc : 3","Desc : 1","Desc : 2","Desc : 1","Desc : 1","Desc : 3","Desc : 3","Desc : 1","Desc : 3","Desc : 1","Desc : 3","Desc : 3","Desc : 3","Desc : 1","Desc : 1","Desc : 1","Desc : 2","Desc : 2","Desc : 2","Desc : 1","Desc : 2","Desc : 3","Desc : 2","Desc : 2","Desc : 3","Desc : 3","Desc : 1","Desc : 1","Desc : 1","Desc : 1","Desc : 2","Desc : 1","Desc : 2","Desc : 1","Desc : 1","Desc : 3","Desc : 2","Desc : 3","Desc : 1","Desc : 3","Desc : 2","Desc : 2","Desc : 2","Desc : 3","Desc : 3","Desc : 2","Desc : 1","Desc : 3","Desc : 2","Desc : 3","Desc : 1","Desc : 1","Desc : 2","Desc : 1","Desc : 2","Desc : 3","Desc : 2","Desc : 2","Desc : 1","Desc : 3","Desc : 1","Desc : 2","Desc : 3","Desc : 1","Desc : 3","Desc : 2","Desc : 3","Desc : 2","Desc : 2","Desc : 1","Desc : 3","Desc : 2","Desc : 2","Desc : 1","Desc : 3","Desc : 3","Desc : 3","Desc : 2","Desc : 3","Desc : 2","Desc : 1","Desc : 2","Desc : 1","Desc : 3","Desc : 1","Desc : 2","Desc : 3","Desc : 1","Desc : 2","Desc : 1","Desc : 1","Desc : 2","Desc : 2","Desc : 1","Desc : 2","Desc : 2","Desc : 1","Desc : 3","Desc : 2","Desc : 1","Desc : 2","Desc : 2","Desc : 1","Desc : 3","Desc : 2","Desc : 1","Desc : 1","Desc : 1"],
        "Annt3" : ["Desc : 4","Desc : 2","Desc : 4","Desc : 2","Desc : 4","Desc : 4","Desc : 4","Desc : 2","Desc : 1","Desc : 3","Desc : 4","Desc : 2","Desc : 4","Desc : 3","Desc : 4","Desc : 3","Desc : 4","Desc : 4","Desc : 1","Desc : 2","Desc : 2","Desc : 1","Desc : 1","Desc : 4","Desc : 1","Desc : 3","Desc : 1","Desc : 4","Desc : 4","Desc : 1","Desc : 1","Desc : 2","Desc : 3","Desc : 1","Desc : 1","Desc : 4","Desc : 3","Desc : 4","Desc : 3","Desc : 1","Desc : 3","Desc : 2","Desc : 3","Desc : 1","Desc : 1","Desc : 1","Desc : 3","Desc : 3","Desc : 4","Desc : 2","Desc : 4","Desc : 4","Desc : 4","Desc : 1","Desc : 1","Desc : 3","Desc : 2","Desc : 4","Desc : 2","Desc : 4","Desc : 4","Desc : 2","Desc : 1","Desc : 4","Desc : 2","Desc : 2","Desc : 4","Desc : 3","Desc : 2","Desc : 3","Desc : 2","Desc : 1","Desc : 2","Desc : 1","Desc : 1","Desc : 1","Desc : 4","Desc : 4","Desc : 2","Desc : 4","Desc : 2","Desc : 2","Desc : 2","Desc : 2","Desc : 4","Desc : 1","Desc : 1","Desc : 4","Desc : 4","Desc : 1","Desc : 1","Desc : 1","Desc : 1","Desc : 2","Desc : 3","Desc : 1","Desc : 3","Desc : 3","Desc : 3","Desc : 2","Desc : 1","Desc : 1","Desc : 3","Desc : 4","Desc : 4","Desc : 3","Desc : 3","Desc : 1","Desc : 2","Desc : 1","Desc : 4","Desc : 2","Desc : 4","Desc : 3","Desc : 2","Desc : 1","Desc : 4","Desc : 2","Desc : 2","Desc : 1","Desc : 1","Desc : 3","Desc : 3","Desc : 4","Desc : 4","Desc : 3","Desc : 3","Desc : 1","Desc : 4","Desc : 3","Desc : 4","Desc : 2","Desc : 3","Desc : 4","Desc : 3","Desc : 4","Desc : 4","Desc : 4","Desc : 3","Desc : 3","Desc : 4","Desc : 1","Desc : 2","Desc : 1","Desc : 3","Desc : 2","Desc : 4","Desc : 3","Desc : 4","Desc : 2","Desc : 1","Desc : 3","Desc : 2","Desc : 3","Desc : 1","Desc : 4","Desc : 2","Desc : 1","Desc : 1","Desc : 2","Desc : 4","Desc : 3","Desc : 4","Desc : 4","Desc : 4","Desc : 1","Desc : 1","Desc : 3","Desc : 4","Desc : 1","Desc : 4","Desc : 1","Desc : 3","Desc : 3","Desc : 2","Desc : 1","Desc : 4","Desc : 2","Desc : 3","Desc : 2","Desc : 1","Desc : 2","Desc : 4","Desc : 1","Desc : 4","Desc : 3","Desc : 4","Desc : 3","Desc : 2","Desc : 2","Desc : 4","Desc : 2","Desc : 3","Desc : 4","Desc : 1","Desc : 1","Desc : 1","Desc : 4","Desc : 4","Desc : 1"],
        "Annt4" : ["Desc : 4","Desc : 2","Desc : 3","Desc : 4","Desc : 4","Desc : 5","Desc : 1","Desc : 1","Desc : 1","Desc : 2","Desc : 3","Desc : 1","Desc : 2","Desc : 2","Desc : 3","Desc : 4","Desc : 3","Desc : 3","Desc : 2","Desc : 1","Desc : 2","Desc : 3","Desc : 1","Desc : 5","Desc : 2","Desc : 4","Desc : 3","Desc : 2","Desc : 5","Desc : 3","Desc : 1","Desc : 4","Desc : 2","Desc : 4","Desc : 1","Desc : 3","Desc : 3","Desc : 5","Desc : 4","Desc : 1","Desc : 2","Desc : 4","Desc : 2","Desc : 3","Desc : 2","Desc : 5","Desc : 5","Desc : 4","Desc : 4","Desc : 5","Desc : 1","Desc : 4","Desc : 3","Desc : 5","Desc : 2","Desc : 4","Desc : 3","Desc : 1","Desc : 1","Desc : 3","Desc : 2","Desc : 2","Desc : 4","Desc : 2","Desc : 3","Desc : 1","Desc : 4","Desc : 2","Desc : 2","Desc : 3","Desc : 1","Desc : 5","Desc : 4","Desc : 5","Desc : 2","Desc : 2","Desc : 2","Desc : 3","Desc : 5","Desc : 1","Desc : 4","Desc : 2","Desc : 4","Desc : 2","Desc : 2","Desc : 2","Desc : 5","Desc : 1","Desc : 4","Desc : 5","Desc : 4","Desc : 1","Desc : 1","Desc : 1","Desc : 3","Desc : 5","Desc : 5","Desc : 1","Desc : 2","Desc : 2","Desc : 2","Desc : 5","Desc : 1","Desc : 2","Desc : 5","Desc : 2","Desc : 2","Desc : 5","Desc : 5","Desc : 3","Desc : 5","Desc : 4","Desc : 5","Desc : 4","Desc : 3","Desc : 3","Desc : 3","Desc : 4","Desc : 2","Desc : 2","Desc : 2","Desc : 5","Desc : 2","Desc : 5","Desc : 4","Desc : 4","Desc : 4","Desc : 3","Desc : 4","Desc : 4","Desc : 1","Desc : 2","Desc : 5","Desc : 5","Desc : 5","Desc : 4","Desc : 2","Desc : 2","Desc : 4","Desc : 4","Desc : 3","Desc : 5","Desc : 5","Desc : 2","Desc : 4","Desc : 2","Desc : 5","Desc : 5","Desc : 5","Desc : 4","Desc : 2","Desc : 2","Desc : 3","Desc : 5","Desc : 5","Desc : 5","Desc : 2","Desc : 3","Desc : 5","Desc : 1","Desc : 2","Desc : 1","Desc : 4","Desc : 4","Desc : 2","Desc : 2","Desc : 2","Desc : 2","Desc : 2","Desc : 1","Desc : 1","Desc : 2","Desc : 2","Desc : 1","Desc : 2","Desc : 4","Desc : 3","Desc : 5","Desc : 3","Desc : 5","Desc : 3","Desc : 1","Desc : 1","Desc : 3","Desc : 4","Desc : 2","Desc : 1","Desc : 5","Desc : 3","Desc : 4","Desc : 4","Desc : 5","Desc : 1","Desc : 2","Desc : 2","Desc : 3","Desc : 5","Desc : 3","Desc : 2","Desc : 2"],
        "chr" : [1,1,1,1,1,1,1,1,1,1,1,1,1,2,2,2,2,2,2,2,2,2,2,2,2,2,3,3,3,3,3,3,3,3,3,3,4,4,4,4,4,4,4,4,4,4,5,5,5,5,5,5,5,5,5,5,6,6,6,6,6,6,6,6,6,7,7,7,7,7,7,7,7,8,8,8,8,8,8,8,8,9,9,9,9,9,9,9,9,10,10,10,10,10,10,10,11,11,11,11,11,11,11,12,12,12,12,12,12,12,13,13,13,13,13,13,14,14,14,14,14,14,15,15,15,15,15,15,16,16,16,16,16,17,17,17,17,18,18,18,18,19,19,19,19,20,20,20,20,21,21,21,22,22,22,"X","X","X","X","X","X","X","X","Y","Y","Y","X",3,19,5,11,10,15,18,11,13,14,21,1,7,14,"Y",21,2,18,1,7,9,7,19,19,20,20,9,"X",16,8,20,"X",18],
        "pos" : [176158308,195792629,229516707,127588847,79643728,185593801,9679485,244523632,236753568,128133434,228644565,150003054,219011541,168916847,26949439,102746811,2474221,209897353,113021141,77762431,163020942,171034774,213334477,97455775,83291531,143519956,122953780,134434993,6501153,36509633,134712403,16094381,159112661,16092021,29530674,98680615,19640420,108401923,143243174,16342895,42326293,115086153,86673182,138017594,40287060,133573077,138457582,17843222,54643446,31433785,74774102,178335068,56846964,539920,95028169,121007542,131105053,79720263,48227800,142747889,62543189,50598801,33328141,158733438,47107967,5246518,131713113,12326167,58372056,28321194,108652542,103359699,103536939,56208609,87012547,3341929,124836752,59833292,39064309,31063538,67409926,10777547,48520782,18875793,81484304,35095469,120807273,36875340,126128712,100677585,118570992,9612077,77867215,19151335,53602699,49087920,38708284,113120818,101439886,75343477,26249259,54093637,20596380,98938748,40533585,89574094,80301557,56696139,106845694,10555451,101114606,50732192,17458821,9173140,86898750,76472186,16266789,93249681,87911171,9404454,56147990,54904212,87210495,20386568,32880981,14002843,12161519,39664472,73880383,47714897,868308,66004051,24127310,54211025,15902150,8721825,46962668,39093389,55603291,41233282,63103970,10443615,6248945,24491648,19429871,4170936,40286870,54989240,39471767,44811148,28873711,7738820,20461957,23030024,7678949,113205707,9117671,55230156,73702110,105064343,7484814,6345698,45891043,14020510,2971362,29256349,146673737,141355615,31567310,3395353,2464888,68581686,60314299,58307384,26528612,38283186,43483316,41830860,160212793,83692467,39167742,8309133,26927848,197477698,65796042,145369367,91838386,59033170,31843957,33440512,47490053,49915055,1878719,93047574,145870982,75626142,35819134,60862499,18121170,49128537]
     }
  }
  
  
  <-- Create the configuration for the graph -->
  var config = {
     "arcSegmentsSeparation":"3",
     "colorScheme":"Tableau",
     "colors":[
        "#332288",
        "#6699CC",
        "#88CCEE",
        "#44AA99",
        "#117733",
        "#999933",
        "#DDCC77",
        "#661100",
        "#CC6677",
        "#AA4466",
        "#882255",
        "#AA4499"
     ],
     "connections":[
        [
           "rgb(0,0,255)",
           1,
           17615830,
           13,
           60500000,
           100000000,
           20000000
        ],
        [
           "rgb(0,255,0)",
           1,
           2300000,
           8,
           13650000,
           40000000,
           80000000
        ],
        [
           "rgb(120,0,255)",
           3,
           71800000,
           17,
           6800000,
           50000000,
           25000000
        ],
        [
           "rgb(0,40,255)",
           7,
           71800000,
           12,
           5520000,
           200000000,
           80000000
        ],
        [
           "rgb(80,0,55)",
           4,
           8430000,
           22,
           6600000,
           100000000,
           50000000
        ],
        [
           "rgb(0,55,140)",
           4,
           3100000,
           14,
           64100000,
           58000000,
           10000000
        ],
        [
           "rgb(255,0,0)",
           2,
           94840000,
           20,
           6243500,
           70000000,
           30000000
        ]
     ],
     "graphType":"Circular",
     "showIdeogram":"true",
     "title":"Default Settings"
  }
  

  <!-- Call the CanvasXpress function to create the graph -->
  var cX = new CanvasXpress("canvasId", data, config);


</script>
library(canvasXpress)
y=read.table("https://www.canvasxpress.org/data/cX-ideogram-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/cX-ideogram-smp.txt", header=TRUE, sep="\t", quote="", row.names=1, fill=TRUE, check.names=FALSE, stringsAsFactors=FALSE)
z=read.table("https://www.canvasxpress.org/data/cX-ideogram-var.txt", header=TRUE, sep="\t", quote="", row.names=1, fill=TRUE, check.names=FALSE, stringsAsFactors=FALSE)
canvasXpress(
  data=y,
  smpAnnot=x,
  varAnnot=z,
  arcSegmentsSeparation=3,
  colorScheme="Tableau",
  colors=list("#332288", "#6699CC", "#88CCEE", "#44AA99", "#117733", "#999933", "#DDCC77", "#661100", "#CC6677", "#AA4466", "#882255", "#AA4499"),
  connections=list(list("rgb(0,0,255)", 1, 17615830, 13, 60500000, 100000000, 20000000), list("rgb(0,255,0)", 1, 2300000, 8, 13650000, 40000000, 80000000), list("rgb(120,0,255)", 3, 71800000, 17, 6800000, 50000000, 25000000), list("rgb(0,40,255)", 7, 71800000, 12, 5520000, 200000000, 80000000), list("rgb(80,0,55)", 4, 8430000, 22, 6600000, 100000000, 50000000), list("rgb(0,55,140)", 4, 3100000, 14, 64100000, 58000000, 10000000), list("rgb(255,0,0)", 2, 94840000, 20, 6243500, 70000000, 30000000)),
  graphType="Circular",
  showIdeogram=TRUE,
  title="Default Settings"
)