Kunnworks
D25업무 시스템

다중 차트 기반 다크 테마 운영 대시보드

운영 현황을 살펴보는 담당자를 위한 쿤웍스의 다중 차트 기반 다크 테마 운영 대시보드 제품 사례. 여러 지표·상태·시계열을 한 화면에서 구분하는 시각화 과제를 핵심 검토 과제로 설정.

프로젝트 범위
제품 사례 · 프론트엔드
기술·작업 구성
React, TypeScript, Vite, Recharts
핵심 기능 살펴보기
다중 차트 기반 다크 테마 운영 대시보드
D25 / PROJECT COVER제품 사례 · 프론트엔드
01 프로젝트 배경

문제와 접근 방식

KPI와 시계열·게이지·레이더·상태 목록을 다크 테마와 색상 규칙으로 구분하여 예시 운영 데이터를 확인하는 대시보드 구현. 요약 KPI와 차트·상태 테이블을 결합한 운영 데이터 대시보드 UI 구현.

02 핵심 기능

화면으로 보는 핵심 기능

02 / 04

시계열 및 비교 차트

담당자를 위한 추이·분포·비교 차트로 지표 변화와 차이 확인 지원

시계열 및 비교 차트 — 담당자를 위한 추이·분포·비교 차트로 지표 변화와 차이 확인 지원
시계열 및 비교 차트이미지 크게 보기 (새 탭)
03 상세 화면·설계

구조와 설계의 연결

프로젝트의 정보 구조와 화면 구성, 설계 기준을 한눈에 살펴보세요

프로젝트 상세 보드 — 다중 차트 기반 다크 테마 운영 대시보드
프로젝트 상세 보드이미지 크게 보기 (새 탭)