<div class="radar-chart flex py-[4%]">
  <div class="radar" [class.hide]="hide">
    <div class="radarChart"></div>
  </div>
  <div class="radar-legend">
    <div class="legend-fields">
      @for (item of data; track $index) {
        <div class="legend-item">
          <span class="legend-color" [style.background]="item.color"></span>
          <span class="legend-text">{{ item.label }}</span>
        </div>
      }
    </div>
  </div>
</div>
