목차
인삿말
안녕하세요! 대기업 BI 입니다. 😀
벌써 24년 한해가 가고 25년의 해가 밝았네요. 😊 날씨도 추운데 다들 몸 건강 조심하시고 이번 한 해 동안에도 항상 행복하고 건강하시길 바라겠습니다. 그리고 또 저희는 즐거운 BI 해야겠죠 ㅎㅎㅎ?
이번에 가져온 컨텐츠는 바로바로..
Flip Card 개체 구성하기
입니다-! 우선 이번 컨텐츠는 저도 유튜브를 보다보니 아주 좋은 컨텐츠 인 것 같고, 어떤식으로 활용하면 좋을지 응용해보는 부분들도 저 나름대로 가져와 봤습니다.
그럼 바로 본론으로 들어가볼까요-?
결과물 미리보기
https://www.youtube.com/watch?v=ewrvI6ZihQw&t=2s
먼저 제가 제일 좋아하는 "How to Power BI" 채널에서 따끈 따끈한 콘텐츠가 올라왔습니다.
바로 "New 카드" 시각적 개체를 활용해서 플립 카드 KPI 개체를 구성하는 건데요. 디자인 적인 요소를 중요시 하는 프로젝트를 진행하게 된다면 한번 꼭 써보고 싶은 개체 중 하나입니다.
우선 저는 아래와 같은 결과물을 구성했습니다. 안에 개체들의 여백/간격을 조정하는게 조금 까다롭긴 했지만 난이도가 높진 않았습니다.
즉 이 카드 개체를 뒤집으면 위와 같이 각 인원에 대한 정보들 (KPI로 관리하고 싶은 데이터 등)을 보여주면 직관적으로 매칭이 되겠죠? 저는 딱 보자마자 떠오른 부분은 "사원증" 처럼 Identification 정보를 보여줄때도 요긴할 것 같다라는 생각을 했습니다.
자 그럼 거두절미하고 본론으로 바로 들어가보겠습니다. 어떻게 구성하는지 먼저 확인해볼게요-!
New 카드 시각적 개체 - 데이터 가져오기
이번 챕터에서는 제가 별도 데이터도 Excel 파일 형태로 드릴테니 같이 따라와 보시면 좋을 것 같아요 😊
먼저 아래 파일을 다운로드 해주시구요.
1) 그럼 먼저 아래와 같은 "dim_Patient"라는 시트 및 표가 보이실건데, 표로 가져와주시면 되겠습니다.
2) 그 다음에는 "kpi_이미지" 라는 표를 가져와줄게요. (시트가 같이 잡힐텐데, 표만 가져와 주시면 되겠습니다.)
- 아래 데이터는 이미지를 폴더에 넣으면 SQL Server에 자동으로 Base64 코드로 데이터화 해준 결과물이라고 보시면 됩니다.
향후 KPI 카드 테이블에서 사람의 이미지를 Display 하는데 사용됩니다.
그럼 데이터는 다 불러왔고, 그 다음에는 관련된 측정값들을 구성해줄게요.
New 카드 시각적 개체 - 측정값 구성하기
먼저 위 영상에서는 각 환자에 대한 데이터를 보여주는 플립 카드키 개체 컨셉으로 구성했기에 동일하게 명칭 및 데이터도 똑같이 구성했다고 보시면 될 것 같아요.
다만 영상에서는 두가지 타입으로 구성을 했는데, 테스트를 몆가지 해보니 1)번과 같은 타입으로 구성해도 결국 "--"와 같이 표기가 되더라구요. 따라서 저희는 더 간단하게 1)번 DAX로 구성을 하겠습니다.
1) Admission Date = SELECTEDVALUE('dim_Patient'[Admission Date])
2) Attending Doctor = IF( NOT ISBLANK( SELECTEDVALUE('dim_Patient'[Attending Doctor]) ) ,SELECTEDVALUE('dim_Patient'[Attending Doctor]) , "--" )
따라서 저희가 구성해야할 DAX는 아래 KPI 이미지를 제외한 총 9개 DAX입니다. 모두 DAX 형태는 위 1)번 DAX와 동일하고 이름만 측정값 이름과 같이 바꿔주시면 되겠습니다. (따로 적진 않을게요 😊)
그 다음에는 Base64로 인코딩된 이미지를 하나로 합쳐줍니다. (Power BI 셀 내에는 최대 데이터 개수 제약 3만개?가 있어서 따로 CONCATENATEX (테이블 내 텍스트 결합) 함수를 사용해줍니다.)
KPI_이미지 = CALCULATE( CONCATENATEX('kpi_이미지','kpi_이미지'[imagebase64],"",'kpi_이미지'[ID],ASC))
사실 위 내용에서 별도 예외 처리가 들어가야 하는데, 제가 까먹고 누락했습니다.
영상에 보시면 만약 슬라이서 값이 2개 이상 클릭되면, 엑박처럼 보이는 형태가 아닌 어떤 이미지가 보이는게 좀 더 자연스러운 (?) 흐름이겠죠? 예로 아래 처럼요. 다만 이 부분은 어차피 데이터도 한개의 데이터가 보여져야 하므로 슬라이서 선택값을 "단일" 값으로 보여지게 하면 어떨까 싶네요.
그리고 마지막으로 "더미" 측정값을 구성해줄게요. 아래 내용은 플립되는 카드 형태를 구성해야 하므로 플립되는 뒷 편 카드를 위한 더미 값이라고 봐주시면 될 것 같아요. 😊
더미 = 1
New 카드 시각적 개체 - 개체 세팅하기
자 그럼 이제 개체의 서식 설정만 세팅해주면 완성입니다. 한번 같이 구성해볼까요?
1) 먼저 New 카드 시각적 개체를 구성해줍니다.
2) 그리고 시각적 개체에 dim_Patient 테이블 내 "Patient Name" 칼럼 값과 "더미" 측정값을 넣어주세요.
3) 다음 "레이아웃" 서식과 "오버플로" 서식을 변경해줍니다. (아래 세팅과 동일하게)
+ 여기서 추가로 저와 같이 안보이신다고 걱정하실 필요 없습니다. 저는 "테마" 세팅을 다르게 했기 때문에 결과가 일부 다르게 보일 수 있습니다만, 결론적으로 마지막 형태만 동일하면 문제가 없다고 보시면 됩니다.
4) 그 후 "카드" 란에 계열 "모두" 선택 후 다른 세팅 값들을 모두 꺼주세요.
향후 이미지를 넣을 예정이긴 합니다만, 지금은 혼선이 있기에 우선 꺼줍니다.
5) 그 다음은 "설명 값" 에서 아래와 같이 세팅을 바꿔주세요. (빨간색 음영)
6) 그 다음은 "참조 레이블" 입니다. 시리즈를 "Patient Name"으로 변경하신 후 레이블을 아래와 같이 추가해주시는데 아래 레이블은 아까 구성한 "측정값" 들입니다.
7) 그 후 제목/값 크기를 12px로 변경해주세요.
8) 설정 적용 대상을 다시 "모두"로 변경하신 후 "세부정보", "구분선"을 꺼주세요. 그리고 "레이아웃"은 아래와 같이 세팅해주세요.
9) 바로 아래 "간격"도 아래와 같이 20px로 모두 설정해주시구요.
10) 그 다음은 "이미지" 세팅입니다. 계열을 "Patient Name"으로 변경하신 후 이미지 URL을 아까 구성했던 "KPI_이미지"로 정의해주시면 됩니다. (그 전에 데이터 범주가 "이미지 URL"이 맞는지 확인해주시구요.)
11) 그 후에 이미지 URL을 매칭 시키면 이미지가 뜰텐데, 이미지 위치와 레이블 간 간격 조정을 위해 아래 값 세팅을 바꿔주시구요. 이미지 크기까지도 조정해줍니다. (175px)
12) 그리고 "카드" 서식 설정에서 계열 설정 후 배경 이미지를 넣어줍니다. 배경 이미지도 첨부로 같이 전달드립니다.
13) 그 후 카드의 "안쪽 여백" 값도 사용자 지정으로 변경 후 조정해주시면 아래와 같이 보여지는 것을 확인하실 수 있습니다. 그럼 그 다음 "더미" 계열에 대해서도 동일하게 지정하면 세팅이 가능하시겠죠? 😊
14) 자 그럼 아래와 같이 Flip형 카드 KPI 개체가 구성이 되었습니다. 이제 슬라이서 변경을 통해 값을 변경해주면 이미지와 값이 잘 변경되시는 것을 보실 수 있겠습니다.
마무리
이번에는 Flip 형 카드 KPI 개체를 구성해봤습니다. 저도 여러모로 프로젝트를 진행하며 다양한 데이터를 접하고, 또 여러가지의 개체를 세팅해보고 있지만, 여러가지 제약속에서도 다양한 구현 방법이 있다는게 놀라울 따름이네요. ㅎㅎㅎ 😊
앞으로도 다양한 컨텐츠를 통해서 BI 안에서 어떤 부분들을 구성할 수 있을지 같이 공부해보고 적용해보는 시간이 되었으면 좋겠습니다. 다음 시간에는 아래 컨텐츠로 찾아뵙겠습니다.
다양한 DAX 활용법 이해하기 (기본편)
- BI 내 활용 가능한 다양한 DAX가 있음에도 사용하는게 제약적이라면, 꼭 봐주세요. 😊
그럼 이번 시간도 긴 포스팅 따라오시느라 고생 많으셨고, 다음 시간에 뵙겠습니다-!
감사합니다.
p.s. 추가로 해당 파일이 필요하시다면 구독 후 댓글로 이메일 남겨주시면 파일 전달드리도록 하겠습니다-!
Power BI 문의하기
아래는 Power BI에 대해 더 알아보고 싶으신 분들에게 남겨드리는 글 입니다.
개인적인 궁금증이나, 기업/공공기관의 공식적인 의뢰 모두 환영이니 언제든지 연락주세요!
❒ Power BI 교육, 프로젝트의뢰 : bigcorpbi0419@naver.com
❒ 크몽의뢰하기 (첫의뢰할인) : https://kmong.com/gig/396278
제조업 관리 Power BI 시각화 대시보드 구축 - 크몽
대기업BI전문가 전문가의 IT·프로그래밍 서비스를 만나보세요. 전문가 소개- 해커스 HRD Power BI 대표 강사 - 현) 대기업 내 BI 코디네이터...
kmong.com
❒ 해커스 HRD 인터넷 강의 : https://www.hackershrd.com/lecture.php?mode=lecView&product_key=01::refu%3E4%3EB004%3EM029&p_id=17282a0d5e4c6aa48f5a2fa2a51ae9f3&s_id=Y23M080031
기업교육의 중심 :: 해커스HRD 챔프스터디
재직자 내일배움카드, 기업단체교육, 실무역량 강화 교육, 직급별 필수교육, 고용노동부 인증 훈련기관
www.hackershrd.com