$(document).ready(function() {

    type_cs_skills = 'horizontalBar';

    data_cs_skills = {
        labels: ['Python', 'Java', 'C/C++', 'Octave', 'Basic HTML', 'Basic CSS', 'JavaScript'],
        datasets: [{
            data: [98, 94, 89, 70, 75, 75, 85],
            backgroundColor: [
            'rgba(255, 99, 132, 0.6)',
            'rgba(54, 62, 235, 0.6)',
            'rgba(255, 206, 86, 0.6)',
            'rgba(75, 192, 192, 0.6)',
            'rgba(153, 102, 255, 0.6)',
            'rgba(255, 159, 64, 0.6)',
            'rgba(180, 75, 200, 0.6)'
            ],
            borderWidth: 1,
            borderColor: '#777',
            hoverBorderWidth: 3,
            hoverBorderColor: '#000'
        }]
    };

    options_cs_skills = {
        responsive: true,
        maintainAspectRatio: false,
        title: {
          display: true,
          text: 'Programming Language Skills',
          fontSize: 25
        },
        legend: {
            display: false,
            labels: {
                fontColor: '#000'
            }
        },
        scales: {
            xAxes: [{
            ticks: {
                suggestedMin: 60
            }
            }]
        }
    }

    let cs_skills_chart = document.getElementById('cs-skils-chart').getContext('2d');

    Chart.defaults.global.defaultFontFamily = 'Lato';
    Chart.defaults.global.defaultFontSize = 18;
    Chart.defaults.global.defaultFontColor = '#777';

    let csChart = new Chart(cs_skills_chart, {
        type: type_cs_skills,
        data: data_cs_skills,
        options: options_cs_skills
    });

    // Library Skills

    type_lib_skills = 'polarArea';

    data_lib_skills = {
        labels: ['Tensorflow', 'Keras', 'Matplotlib', 'Numpy', 'Pandas', 'Deeplearning4j'],
        datasets: [{
            data: [80, 92, 85, 95, 95, 75],
            backgroundColor: [
            'rgba(255, 99, 132, 0.6)',
            'rgba(54, 62, 235, 0.6)',
            'rgba(255, 206, 86, 0.6)',
            'rgba(75, 192, 192, 0.6)',
            'rgba(153, 102, 255, 0.6)',
            'rgba(255, 159, 64, 0.6)'
            ],
            borderWidth: 1,
            borderColor: '#777',
            hoverBorderWidth: 3,
            hoverBorderColor: '#000'
        }]
    };

    options_lib_skills = {
        responsive: true,
        maintainAspectRatio: false,
        title: {
          display: true,
          text: 'Libraries',
          fontSize: 25
        },
        legend: {
            display: true,
            labels: {
                fontColor: '#000'
            }
        }
    }

    let lib_skills_chart = document.getElementById('lib-skils-chart').getContext('2d');

    let libChart = new Chart(lib_skills_chart, {
        type: type_lib_skills,
        data: data_lib_skills,
        options: options_lib_skills
    });
});
@@ -34,40 +34,328 @@
    t
-ype_cs_skills = 'horizontalBar';
+icks = %5B%7Bticks: %7B%0A                suggestedMin: 60%0A            %7D%7D%5D%0A%0A    width = $( window ).width();%0A    if(width %3C 500)%7B%0A        type_cs_skills = 'bar';%0A        scale = %7B%0A            yAxes: ticks%0A        %7D;%0A    %7Delse%7B%0A        type_cs_skills = 'horizontalBar';%0A        scale = %7B%0A            xAxes: ticks%0A        %7D;%0A    %7D
 %0A%0A  
@@ -1366,124 +1366,13 @@
 es: 
-%7B%0A            xAxes: %5B%7B%0A            ticks: %7B%0A                suggestedMin: 60%0A            %7D%0A            %7D%5D%0A        %7D
+scale
 %0A   

Update JS