소스 보기

제조 공정 전반을 실시간 모니터링하고, 개별 작업 데이터부터 상세 로그까지 통합 분석하는 스마트팩토리 관제 대시보드입니다.

템플릿 소개

이 템플릿은 비즈니스의 다양한 카테고리(전자제품, 패션, 식품 등)별 핵심 지표를 카드 형태로 나열하여 전사 실적을 직관적으로 모니터링할 수 있습니다.

사용자는 메인 화면에서 카테고리별 GMV와 순매출을 빠르게 파악할 수 있으며, 특정 카테고리 영역을 클릭하여 해당 카테고리를 구성하는 세부 항목의 기간별 추이와 상세 실적(WoW, YoY, MTD, QTD 등)을 심층 분석할 수 있습니다.

이커머스 매출 현황, 브랜드별 실적 분석, 카테고리별 목표 달성률 등 요약과 상세 데이터의 유기적인 연결이 필요한 대시보드에 적합합니다.

레이아웃 활용 예시

[금융] 권역별 여수신 상품 판매 실적
* 메인 : 주요 권역(수도권, 충청권, 영남권 등)별 총 여/수신 금액, 전월 대비 목표 달성률, 핵심 전략 상품 판매 건수 요약
* 상세 : 선택한 권역 내 소속 영업점들의 주간 실적 차트 및 개별 상품 가입 고객의 연령대, 유입 경로, 계약 금액 리스트

[의료] 진료 센터별 환자 대기 및 병상 가동 현황
* 메인 : 주요 진료 센터(응급, 중증외상, 심혈관 등)별 총 대기 환자 수, 평균 진료 대기 시간, 당일 병상 가동률 요약
* 상세 : 선택한 센터 산하 진료과별 시간대별 환자 유입 추이 차트 및 개별 환자의 중증도, 담당의, 조치 상태 리스트

[교육] 단과대학별 재학생 성취도 및 학업 이탈 위험 관리
* 메인 : 단과대학별 재학생 평균 학점, 전년 대비 등록 유지율, 중도 이탈(자퇴/휴학) 고위험군 학생 수 요약
* 상세 : 선택한 단과대학 산하 전공 과별 성취도 증감 추이 차트 및 이탈 위험군 학생의 출결 현황, 최근 상담 이력 리스트

템플릿을 효과적으로 구현하기 위해 사용된 핵심 기능 3가지입니다.

메인 화면의 각 카테고리 상단에 표시된 'GMV' 및 '순매출' KPI 숫자는 하단에 위치한 요약 그리드의 데이터 값을 직접 바인딩하여, 데이터가 변형됨에 따라 KPI 값도 실시간으로 갱신됩니다.

메인 화면과 상세 화면 간의 원할한 이동을 위해 폼 이동 기능을 적용했습니다. 메인 화면의 특정 카드 영역 클릭 또는 상세 화면의 'Main' 버튼으로 이동합니다.

상세 화면에 포함된 기간별 실적 직선 차트에서, 각 데이터 계열(GMV, 순매출)의 가장 높은 실적을 달성한 '최대값' 지점에만 포인트 색상이 적용되도록 설정했습니다.

여러 카테고리의 KPI를 타일 형태로 한눈에 비교할 수 있는 카드형 레이아웃을 사용했습니다. 레이아웃 활용 팁이 궁금하시다면? ▶ 카드형 KPI 대시보드 템플릿 보기

2025~2026년(2개년) 일별 카테고리 실적(GMV, 순매출) 및 목표 데이터를 사용했습니다. 다른 데이터를 다운 받고 싶다면? ▶ 샘플 데이터 목록