+# Data
+xAxisData = [
+  { categories: ['Ruby', 'Elixir', 'Sinatra', 'Hanami', 'Ruby on Rails', 'Phoenix'] }
+  { categories: [
+      'HTML(ERB, Haml, Slim)', 'CSS(Sass)', 'Bootstrap/Foundation',
+      'JavaScript(CoffeeScript), jQuery'
+    ]
+  }
+  { categories: ['RSpec', 'Capybara', 'Cucumber'] }
+  { categories: ['MySQL', 'PostgreSQL'] }
+  { categories: ['Adobe Illustrator', 'Sketch'] }
+  { categories: ['Python', 'R-language', 'SPSS', 'MS Excel'] }
+  { categories: ['macOS', 'Linux', 'Windows'] }
+  { categories: ['Bash', 'Git', 'Docker', 'CI'] }
+  { categories: ['Russian', 'English', 'French'] }
+]
+
+seriesData = [
+  {
+    name: 'Back end'
+    color: 'rgb(220,50,47)'
+    data: [7, 1, 4, 2, 7, 1]
+  }
+  {
+    name: 'Front end'
+    color: 'rgb(181,137,0)'
+    data: [8, 7, 7, 5, 5]
+    visible: false
+    xAxis: 1
+  }
+  {
+    name: 'TDD'
+    color: 'rgb(108,113,196)'
+    data: [5, 4, 3]
+    visible: false
+    xAxis: 2
+  }
+  {
+    name: 'Databases'
+    color: 'rgb(203,75,22)'
+    data: [4, 4]
+    visible: false
+    xAxis: 3
+  }
+  {
+    name: 'Design'
+    color: 'rgb(42,161,152)'
+    data: [4, 2]
+    visible: false
+    xAxis: 4
+  }
+  {
+    name: 'Analytics'
+    color: 'rgb(211,54,130)'
+    data: [2, 3, 2, 5]
+    visible: false
+    xAxis: 5
+  }
+  {
+    name: 'OS'
+    color: 'rgb(38,139,210)'
+    data: [9, 6, 4]
+    visible: false
+    xAxis: 6
+  }
+  {
+    name: 'Dev tools'
+    color: 'rgb(147,161,161)'
+    data: [7, 8, 5, 4]
+    visible: false
+    xAxis: 7
+  }
+  {
+    name: 'Languages'
+    color: 'rgb(133,153,0)'
+    data: [9, 6, 2]
+    visible: false
+    xAxis: 8
+  }
+]
+
 # Navigation
 $hamburgerIcon = $('.hamburger-icon').unbind()
 $navMenu = $('.navigation-menu')

    }
    legend: {
      verticalAlign: 'bottom'
      layout: 'horizontal'
    }
    credits: {
      enabled: false
    }
    series: [
      {
        name: 'Front end'
        color: 'rgb(181,137,0)'
        data: [
          9
          8
          7
          8
          9
          8
          8
          7
          4
          5
          3
        ]
      }
      {
        name: 'Back end'
        color: 'rgb(220,50,47)'
        data: [
          7
          4
          6
        ]
        visible: false
        xAxis: 1
      }
      {
        name: 'TDD'
        color: 'rgb(108,113,196)'
        data: [
          5
          5
          3
        ]
        visible: false
        xAxis: 2
      }
      {
        name: 'Databases'
        color: 'rgb(203,75,22)'
        data: [
          5
          4
          4
        ]
        visible: false
        xAxis: 3
      }
      {
        name: 'Design'
        color: 'rgb(42,161,152)'
        data: [
          5
          4
          1
        ]
        visible: false
        xAxis: 4
      }
      {
        name: 'Analytics'
        color: 'rgb(211,54,130)'
        data: [
          5
          2
          3
          2
          5
        ]
        visible: false
        xAxis: 5
      }
      {
        name: 'OS'
        color: 'rgb(38,139,210)'
        data: [
          10
          6
          4
        ]
        visible: false
        xAxis: 6
      }
      {
        name: 'Dev tools'
        color: 'rgb(147,161,161)'
        data: [
          8
          5
          4
          3
        ]
        visible: false
        xAxis: 7
      }
      {
        name: 'Languages'
        color: 'rgb(133,153,0)'
        data: [
          10
          6
          2
        ]
        visible: false
        xAxis: 8
      }
    ]
    plotOptions: {
      series: {
        fillOpacity: .5

      }
      renderTo: 'chart'
    }
    title: { text: 'My skillset chart (just subjective perspective)' }
    pane: { size: '80%' }
    xAxis: xAxisData
    yAxis: {
      labels: {
        enabled: false
