mailinapp
Documentation menu

레이더 차트 블록

여러 축을 사용하는 비교 차트로, 최대 3개 계열을 공유된 축 위에 겹쳐진 다각형("웹" 형태)으로 그리며, 막대나 선으로는 표현하지 않습니다. 여러 차원을 한 번에 비교할 때 쓰는 형태입니다 — 가격, 품질, 속도, 지원으로 평가한 제품, 또는 같은 평가 기준으로 다른 플랜 등급과 나란히 비교할 때 등입니다.

작동 방식

입력한 각 행은 하나의 축이 됩니다. 축이 원 둘레에서 차지하는 위치는 오직 입력 순서에서만 결정되며(각도는 행 인덱스를 행 개수로 나눈 값), 값으로 재정렬되거나 정렬되지 않습니다. 최대 3개 계열이 각자의 값을 모든 축 위에 그리며, 하나의 0..최대값 척도를 공유합니다 — 막대 그래프와 선 그래프가 이미 사용하는 것과 동일한 "하나의 공유 값 축" 모델을, 직선이 아니라 방사형으로 배치했을 뿐입니다. 바로 이 때문에 레이더의 행 목록은 막대/선 그래프와 완전히 동일한 입력 열을 그대로 재사용합니다 — 레이더의 축은 데이터 모델상 막대 그래프의 카테고리와 동일합니다.

다각형이 의미 있는 형태가 되려면 최소 3개의 꼭짓점이 필요합니다 — 점 2개는 선이 되고, 점 1개는 아무것도 그리지 않습니다 — 그래서 레이더는 이 계열에서 상한뿐 아니라 하한도 있는 유일한 차트입니다. 3개 미만의 축이 입력된 경우(0개 포함)에는 이 계열의 다른 곳에서 빈 차트에 표시하는 것과 동일한 "데이터를 더 추가하세요" 플레이스홀더가 표시됩니다. 반대쪽 끝에서는 레이더가 8개 축까지로 제한됩니다. 그 이상이 되면 스포크가 서로 겹치고 축 레이블이 겹치기 시작하기 때문이며, 이 계열의 다른 모든 차트 유형이 8개 카테고리/조각/계열에서 적용하는 것과 동일한 "마크가 너무 많음" 상한선입니다.

이미지 아래 항상 표시되는 데이터 표는 모든 축을 하나의 행으로, 활성화된 계열마다 하나의 열로 나열합니다 — 막대 그래프와 선 그래프의 표가 이미 사용하는 것과 동일한 카테고리 × 계열 형태입니다. 범례는 계열이 2개 이상일 때만 표시됩니다 — 계열이 하나뿐이면 이미 블록 자체의 제목이 그 정체성을 나타내므로, 막대/선 그래프와 동일한 관례를 따릅니다.

계열의 정체성은 이름을 붙였는지 여부로 결정됩니다. 계열 1은 항상 렌더링되며, 이름을 붙이지 않으면 블록 자체의 제목으로 대체됩니다. 반면 계열 2와 3은 레이블 필드에 이름을 입력해야만 나타납니다. 계열 이름 없이 값 열만 절반 채워진 경우, 이름 없는 유령 계열로 나타나는 일은 없습니다.

구성 가능한 필드:

  • 차트 제목 — 차트 위에 표시되는 선택적 헤딩 텍스트입니다.
  • 데이터 (최소 3행) — 행 목록입니다: 축 카테고리 레이블과 행마다 최대 3개의 숫자 계열 값입니다.
  • 계열 1/2/3 이름과 계열 1/2/3 색상 — 계열 1은 무조건 렌더링되며, 계열 2와 3은 이름을 붙였을 때만 렌더링됩니다.
  • 카드의 배경색, 패딩, 테두리, 테두리 반경입니다.
  • 제목 색상/크기와 범례 색상/크기 — 헤딩과 이미지 아래 범례/표 텍스트의 스타일입니다.

예시

가격, 기능 깊이, 지원 응답성, 설정 용이성 등 공유 기준으로 두 제품 등급을 비교해 하나의 레이더 위에 겹쳐진 두 계열로 표현하면, 영업이나 마케팅 이메일에 기능 비교표 대신 하나의 시각 자료를 제공할 수 있습니다. 내부 운영 요약 이메일은 여러 벤더나 협력업체를 동일한 기준(비용, 품질, 신뢰성, 커뮤니케이션)으로 평가해 갱신 여부 결정을 한눈에 보여줄 수 있습니다. 여러 평가 항목(사용성, 가치, 지원, 신뢰성, 디자인)이 있는 고객 설문을 진행하는 제품 팀은 항목별 평균 점수를 하나의 계열로, 이전 분기 점수를 두 번째 계열로 넣어 변화 추이를 보여줄 수 있습니다.

정적 폴백의 모습

<div style="margin:12px 0;background-color:#ffffff;padding:16px">
  <p style="margin:0 0 8px;font-weight:600;font-size:15px;color:#111827">Vendor scorecard</p>
  <img src="https://mailinapp.com/api/analytics/chart?d=eyJ0eXBlIjoi...&s=3f9a2b1c..." width="360" height="360"
       alt="Radar chart: Speed (Vendor A 8); Reliability (Vendor A 6); Design (Vendor A 9); Price (Vendor A 5); Support (Vendor A 7)" />
  <table style="width:100%;border-collapse:collapse;margin-top:4px">
    <tr>
      <th style="text-align:left;padding:4px 8px;font-weight:600">Category</th>
      <th style="text-align:left;padding:4px 8px;font-weight:600">Vendor A</th>
    </tr>
    <tr>
      <td style="padding:4px 8px">Speed</td>
      <td style="padding:4px 8px">8</td>
    </tr>
  </table>
</div>

이름이 지정된 계열이 하나뿐이면 범례는 생략되지만(제목이 이미 그 계열을 나타내므로), 데이터 표에는 모든 축과 값이 계속 나열됩니다.

관련 페이지