JSFiddle - React, Tailwind, and code Playground

by Black Label

HTML

<script src="https://code.jquery.com/jquery-3.2.1.min.js"></script>
<script src="https://code.highcharts.com/highcharts.js"></script>
<script src="https://code.highcharts.com/highcharts-more.js"></script>

<div id="container"></div>

JavaScript

var dataName = function(imgSrc) {
  return '<span><img src=' + imgSrc + ' ' + 'style="width: 40px; height: 40px;"/><br></span>';
};

var data2016 = [
  [17, dataName("https://image.flaticon.com/icons/svg/197/197571.svg")],
  [19, dataName("https://image.flaticon.com/icons/svg/197/197408.svg")],
  [26, dataName("https://image.flaticon.com/icons/svg/197/197375.svg")],
  [27, dataName("https://image.flaticon.com/icons/svg/197/197374.svg")],
  [46, dataName("https://image.flaticon.com/icons/svg/197/197484.svg")],
];


Highcharts.chart('container', {
  chart: {
    polar: true,
    type: 'area'
  },

  xAxis: {
    tickmarkPlacement: 'on',
    lineWidth: 0,
    type: 'category',
    labels: {
      useHTML: true,
      align: 'center'
    }
  },

  series: [{
    keys: ['y', 'name'],
    data: data2016,
  }]
});