html,

body,

#container {

  width: 100%;

  height: 100%;

  margin: 0;

  padding: 0;

}

anychart.onDocumentReady(function () {

  // create a polar chart

  var chart = anychart.polar();

​

  // add data as an array of objects

  var data = [

    { x: 'Excel', value: 44.7 },

    { x: 'Tableau', value: 36.1 },

    { x: 'Pen & Paper', value: 27.1 },

    { x: 'R', value: 25 },

    { x: 'Python', value: 24.1 },

    { x: 'D3.js', value: 21.2 },

    { x: 'Illustrator', value: 20.3 },

    { x: 'ggplot2', value: 19.8 },

    { x: 'Power BI', value: 18.7 },

    { x: 'Plotly', value: 11.8 },

    { x: 'Matplotlib', value: 10.58 },

    { x: 'Mapbox', value: 9.28 },

    { x: 'QGIS', value: 9.22 },

    { x: 'ArcGIS', value: 7.18 },

    { x: 'React', value: 7.4 }

  ];

  // connect the data creating a column series

  var columnSeries = chart.column(data); 

  // set the x-scale

  chart.xScale('ordinal');

  // disable the y-axis

  chart.yAxis(false);

  // set the chart title

  chart

    .title('Top 15 Technologies for Data Visualization (DVS Survey 2020)');

​

  // set the chart container id

  chart.container('container');

​

  // initiate the chart display

  chart.draw();

});