html, body, #container {

  width: 100%;

  height: 100%;

  margin: 0;

  padding: 0;

}

anychart.onDocumentReady(function () {

  // create a data set

  var chartData = {

    header: ['#', 'Sistemas Computacionales', 'Ciencia de Datos', 'Inteligencia Artificial' , 'Desarrollo de Software'],

    rows: [

      ['DATABASES',  5, 3, 3, 3],

      ['CLOUD COMPUTING',5,1,3,2],

      ['SOFTWARE ENGINEERING', 4,1,3,5],

      ['WEB DEV',3,1,3,5],

      ['DEVOPS',5,2,3,3],

      ['DATA ENGINEERING', 5,3,4,2],

      ['DEPLOIMENT', 5, 2, 5, 3],

      ['COMPUTER SCIENCE', 4, 3, 5, 4],

      ['STATISTICS', 2,5,3,2],

      ['DATA VISUALIZATION', 3,5,3,2],

      ['ML/DL', 1, 5, 5, 0],

      ['GENERATIVE MODELS', 0,3,5,0],

    ]

  };

​

  // create a radar chart

  var chart = anychart.radar();

  // set the series type

  chart.defaultSeriesType('area');

​

  // set the chart data

  chart.data(chartData);

  // set the color palette

  chart.palette(['#E5593499', '#9BC53DE6', '#64B5F6BF','#64D5A6BF' ]);

  // configure the appearance of the y-axis

  chart.yAxis().stroke('#545f69');

  chart.yAxis().ticks().stroke('#545f69');

  // configure the stroke of the x-grid

  chart.xGrid().stroke({

    color: "#545f69",

    thickness: 0.5,

    dash: "10 5"

  });

  // configure the appearance of the y-grid

  chart.yGrid().palette(['gray 0.05', 'gray 0.025']);

  // set the y scale ticks interval

  chart.yScale().ticks().interval(2);

  // set the hover mode

  chart.interactivity().hoverMode('by-x');

​

  // set the marker type

  chart.markerPalette(['star5']);

  // improve the tooltip

  chart.tooltip()

    .displayMode('union')

    .useHtml(true)

    .format(function(e){

      console.log(this);

      return '<span style="color:' + this.series.color() + '">' + 

        this.seriesName + ": " + this.value + "</span>"

    });

  // set the chart legend

  chart.legend().enabled(true);

  // set the chart title

  chart.title("Carreras ITESO");

  // set container id for the chart

  chart.container('container');

  // initiate chart drawing

  chart.draw();

​

});