+# 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')

      }
      renderTo: 'chart'
    }
    title: { text: 'My skillset chart' }
    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'
      ] }
    ]
    yAxis: {
      labels: {
        enabled: false

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