chart.js

const ctx = document.getElementById('chart').getContext('2d')

console.log ('chart is heart')

Chart.defaults.color = "#ff0000";
Chart.defaults.font.size = 18;

  const drawChart = (amount) => {
    const config = {
      type: 'doughnut',
      data: {
          labels: [
            'Finished Projects',
            'Projects Left'
          ],
          datasets: [{
            label: 'My First Dataset',
            data: [amount, Math.max(18 - amount, 0)],
            backgroundColor: [
              'rgb(226, 176, 9)',
              'white'
            ],
            hoverOffset: 4
          }]
        },
    };

    const myChart = new Chart(ctx, config)
  }