       }
       renderTo: 'chart'
     }
-    title: { text: 'My skillset chart' }
+    title: { text: 'My skillset chart (just subjective perspective)' }
     pane: { size: '80%' }
-    xAxis: [
-      { categories: [
-        'HTML'
-        'ERB'
-        'HAML'
-        'Slim'
-        'CSS'
-        'SCSS'
-        'Bootstrap'
-        'Foundation'
-        'JavaScript'
-        'jQuery'
-        'CoffeeScript'
-      ] }
-      { categories: [
-        'Ruby'
-        'Sinatra'
-        'Ruby on Rails'
-      ] }
-      { categories: [
-        'RSpec'
-        'Capybara'
-        'Cucumber'
-      ] }
-      { categories: [
-        'SQLite'
-        'MySQL'
-        'PostgreSQL'
-      ] }
-      { categories: [
-        'Adobe Photoshop'
-        'Adobe Illustrator'
-        'Sketch'
-      ] }
-      { categories: [
-        'Statistics'
-        'Python'
-        'R'
-        'SPSS'
-        'MS Excel'
-      ] }
-      { categories: [
-        'macOS'
-        'Linux'
-        'Windows'
-      ] }
-      { categories: [
-        'Bash'
-        'Git'
-        'Docker'
-        'CI'
-      ] }
-      { categories: [
-        'Russian'
-        'English'
-        'French'
-      ] }
-    ]
+    xAxis: xAxisData
     yAxis: {
       labels: {
         enabled: false

# Navigation
$hamburgerIcon = $('.hamburger-icon').unbind()
$navMenu = $('.navigation-menu')

    }
    legend: {
      verticalAlign: 'bottom'
      itemMarginBottom: 15
      layout: 'horizontal'
    }
    credits: {
      enabled: false
    }
    series: seriesData
    plotOptions: {
      series: {
        fillOpacity: .5
