홈 › 디자인

레이더 차트 만들기

첫 열은 항목, 첫 줄은 계열 이름이에요. 항목은 3개 이상이어야 모양이 생겨요. 예시는 가상의 역량 평가 점수예요.

입력한 내용은 서버로 보내지 않고 이 기기에서만 처리돼요

여러 항목을 한 장의 모양으로 비교

레이더 차트(방사형·거미줄 그래프)는 가운데에서 항목 수만큼 축을 뻗고, 각 축에 점수를 찍어 이은 다각형으로 보여 줘요. 역량 평가, 게임 캐릭터 능력치, 제품 사양 비교, 과목별 성적처럼 단위가 같은 여러 항목을 한눈에 비교할 때 좋아요. 모양이 넓을수록 전체적으로 높고, 한쪽으로 뾰족하면 그 항목이 두드러진다는 뜻이에요.

넣는 법

최댓값과 가운데 값

바깥 원의 값(최댓값)은 5점·10점·100점 만점으로 고정하거나 자동(가장 큰 값을 1·2·2.5·5·10 단위로 올린 값)으로 정해요. 만점이 정해진 평가는 고정해야 모양이 과장되지 않아요. ‘가장 작은 값 근처부터’는 점수 차이가 작을 때 차이를 크게 보여 주지만, 실제보다 차이가 과장돼 보일 수 있으니 보고서에는 0부터를 권해요. 아래 표에 계열별 평균·합계와 가장 높은·낮은 항목이 나와요.

그래프는 Apache ECharts로 그리고 PNG(2배 해상도)·SVG로 받을 수 있어요. 점수는 서버로 보내지 않아요.

참고한 자료

자주 묻는 질문

항목마다 만점이 달라요 (예: 100점, 5점).

한 그래프의 축은 같은 최댓값을 써요. 만점이 다르면 먼저 백분율(점수÷만점×100)로 바꿔 넣고 100점 만점을 고르세요.

항목 순서가 모양에 영향을 주나요?

네. 줄 순서대로 12시 방향부터 시계 반대 방향으로 놓여요. 관련 있는 항목을 이웃하게 두면 읽기 쉬워요.

넓이로 비교해도 되나요?

다각형 넓이는 항목 순서에 따라 달라져서 정확한 비교 기준이 아니에요. 아래 표의 평균을 함께 보세요.

함께 쓰면 좋은 도구