convertToPercent

const data = [
  {
    name: 'Cluster 1',
    value: 210,
  },
  {
    name: 'Cluster 2',
    value: 30,
  },
  {
    name: 'Cluster 3',
    value: 180,
  },
  {
    name: 'Cluster 4',
    value: 260,
  },
  {
    name: 'Cluster 5',
    value: 60,
  },
].sort((a, b) => a.value - b.value);

const total_value = data.reduce((a, b) => a + b.value, 0);
// => 740

const convertToPercent = (num) => Math.round((num / total_value) * 100);
// convertToPercent(210) => 28

const convertToDegrees = (num) => Math.round((num / 100) * 360);
// convertToDegrees(28) => 101

How To Create Dynamic Donut Charts With TailwindCSS And React