← 프로젝트 목록
⬡
Hexa Score
6각형 점수 시각화
Web운영 중
Chart.jsData VisualizationCanvasNext.js
Chart.js 기반 6각형 레이더 차트로 다양한 항목을 시각화
Hexa Score는 Chart.js 레이더 차트를 활용하여 6가지 항목의 점수를 아름다운 6각형 그래프로 시각화하는 서비스입니다. 게임 캐릭터 스탯, 직원 역량 평가, 제품 비교, 자기 분석 등 다양한 용도로 활용할 수 있으며, 사용자가 자유롭게 항목명과 점수를 입력할 수 있습니다. 최대 3개의 데이터 세트를 동시에 오버레이하여 비교 분석이 가능하고, 생성된 차트를 고해상도 PNG 이미지로 다운로드하거나 링크로 공유할 수 있습니다. 다양한 컬러 테마와 애니메이션 효과로 프레젠테이션에도 활용할 수 있습니다.
기술 스택
Next.jsTypeScriptChart.jsCanvas APIVercel
주요 기능
- •6각형 레이더 차트 자유 구성
- •최대 3개 데이터 세트 비교 오버레이
- •고해상도 PNG 이미지 다운로드
- •다양한 컬러 테마 및 애니메이션
- •URL 기반 차트 공유