<div class="bg-white dark:bg-gray-800 rounded-lg shadow p-6">
    <h3 class="text-lg font-semibold text-gray-900 dark:text-white mb-4">Skill Assessment</h3>
    <canvas id="radarChart"></canvas>
</div>
<script>
new Chart(document.getElementById('radarChart').getContext('2d'), {
    type: 'radar',
    data: {
        labels: ['HTML', 'CSS', 'JavaScript', 'PHP', 'Laravel', 'Vue.js'],
        datasets: [{ label: 'Skills', data: [90, 85, 80, 75, 70, 65], borderColor: 'rgb(59, 130, 246)', backgroundColor: 'rgba(59, 130, 246, 0.2)' }]
    },
    options: { responsive: true }
});
</script>