데이터 스튜디오로 시각화하기 : 컨트롤과 그룹화

DS

by 하이프마크


데이터 스튜디오에서 제공하는 기능들 중 가장 눈에 띄는 것은 단연 컨트롤이라고 해도 과언이 아닐 겁니다. 이런 컨트롤들은 데이터 스튜디오의 '그룹화'라는 작업을 통해 더욱 큰 장점을 가집니다.


그렇다면 이번에는 컨트롤을 어떻게 다루고 어떻게 연동하는지 한번 확인해보도록 하겠습니다.


먼저 컨트롤의 장점은 보고서에 추가하는 것만으로 일일히 각 차트의 데이터를 만들지 않아도 되어서 편리하다는 점입니다. 그래서 보통 보고서 상단에 배치하고 그때그때 데이터를 수정하고자 할 때 만집니다.


컨트롤의 드릴다운부터 위치시켜 보겠습니다. 컨트롤 추가의 드릴다운을 누르셔서 보고서 마음에 드는 부분에 위치시켜보세요.



tIyyPgiurZe29n0SkXAE4kSE0uhhRoI8qq1dA09wi40EUXdkRhJsHPc2eeITQKzGOGb75VfB9Pw8sMxYI0R4czrEuuQipQcFuaHeag4S3Prks1RoOhUA2MdRP3-RL9lfzX8TY3m-



그럼 이렇게 위치하는데요. 그 다음은 오른쪽 상단에서 가져오실 데이터의 필드를 지정해주시면 됩니다.


저는 날짜 필드를 가져와 진행해보도록 하겠습니다. 물론 여기서 언제든 시각화 하고 싶은 필드를 지표로 지정하실 수 있습니다.



MBIutIGL274-oo7qstbyhC7pqYdrAew43VmyjNS2M7-oCfl-pDHaX48dsTX9TAxAii-4ngjzwnbGYA4kufr3S8eJiJytyRMAibCWVM7VjcyDkdGRmmED77SKRay5aBvbNuFGDO0M



그 다음은 기간 컨트롤을 위치시켜주세요.



ig402RXvUk0HcoYrz_RM0RLanbZAxBe7QU3trEIRcOa1vpvtS9N7h8YKq8Jtx74BYNU9l3tAFQJYcu28jJLFpGUhLwBeZGv_pMLpQVcnnAbTa6GNBV8bnMqbvamRXLH5wj2VsO53



드릴다운처럼 원하는 곳에 위치시켜두시면 됩니다. 그 다음은 마찬가지로 오른쪽에서 원하시는 기간을 설정하세요.



MXnmkmt95FtrIelOaX-lioYJv-DQ6ifJocMSFwQ-JLR45gxGAKIEQesq-rCqL4BKWW-3Cx2_BbEDdhnY3zWp4OU69yPloZ_E7D5zNLs23uy4LEYQ-ThyeeN2rXsD5TpUVAQvLf8q



마지막으로는 데이터 제어인데요, 이 데이터 제어에서는 연결할 데이터 소스를 바꿀 수 있습니다.


이 세 가지는 데이터 스튜디오에서 데이터 시각화 작업을 하는데 있어 보고서에 꼭 위치해 있다고 해도 과언이 아닌 컨트롤들입니다.


만약 보고서 작업을 하는데 페이지가 늘어나면 어떻게 하냐고요?


간단합니다. 한글에서 매 행을 고정시켜 각 페이지마다 출력시킬 수 있는 것처럼 데이터 스튜디오도 마찬가지입니다.


이 세 컨트롤을 드래그해 오른쪽 마우스를 클릭해 보고서 수준으로 만들기를 클릭하세요.


a5hfVpcXAnZUDGifXInuYSVJ5EhpsMgvP9XeZq84F3ZBPUzAAscthI8NNt4PpzoDWH55cqnYkwa-QPUBbrMi6IO4EAme3vE9nFoiliCHnbR_dQXdKTopUv2a78eee7Nb3h8xsvlm



그럼 다음과 같이 묶여 고정된 것을 확인할 수 있습니다.



iu_l7N7G5lqJSPraoQtsqgCXQyUKdIQDwp_-vZ6JO7Y1pDmMUYDbMILcZJka14-E0b4zE7E3avXTqjI9j54w-NGi5-ia7KvuQFa_so5QJ5T00Uiiwz9M1ZrU-FFTGVKcSSv4kzZG



그럼 이제 이 컨트롤들은 매 보고서 상단에 위치하게 됩니다. 이제 필수적인 컨트롤을 위치시켜봤으니, 직접 데이터 시각화를 해봐야겠죠.


이번에는 차트 추가를 눌러 <히트맵이 있는 표>를 만들어보도록 하겠습니다.



Ae7KqI_yZ48_A2GedCGEg5H06jAc3C00DU-YqwvWuzaCQxLtjGer7fU3apvZOkidjjorcqpQZYmKlinxFXv_FcqtkBYgqa-8fn1qeP_gz2YyXwpFEcys5eblfLKCn5dcNZb14rck



이렇게 만들었더니 자동으로 국가가 측정기준으로 클릭수가 측정항목으로 나타난 것을 확인할 수 있습니다. 이를 만져서 원하는 표를 만들어보세요.


저는 날짜에 따른 클릭수와 클릭률의 변화에 대해 알아보도록 하겠습니다.



X2HVIAjFvyUkidUOHr4D9AIXu0Xi-yPKXsyoqaN-zOvX09NmFOaGqVOsCRamG-jMg7Yk6Rgid1rVfHX2sywZKOKuP_2HCL45fBOfCZfg9_vn6NG_tUkVrMn7yHd-L95iOZm1Vm_6



이렇게 설정해줬는데요.


먼저 측정항목에 클릭수와 클릭률을 추가했고, 선택 측정항목을 눌러 요약행을 표시하도록 했습니다. 보통 이럴 경우 합계가 함께 출력됩니다. 또한 정렬은 클릭수에 따른 내림차순으로 선택했습니다.



ylQNJK4H6ui_aloZK4aPTQmrOCYgstz0_rbl9B0CSF7fu5xtJJ-zDCmtSIGnvFcID26D4e9vQB1AyLm6VkanW0AT0ZUqBiz5WCIzwgz0G4b6cIXMMKr8phDksNouxr_wfFFTdd7x



그러니 다음과 같은 차트가 완성되었습니다. 클릭수에 따른 내림차순에 총 합계까지 뜨는 것을 확인하실 수 있죠.



Y5aKwbbUwVM5QuPRnGyMiiG6LulteR96QoFs2MWOPo8RCR8rPrtxhd69DENlFMFiv6uuFMA2RmickL4ER-zZNqgTyLAheDB4vFG1aNGg4VGYsAA0tLhFqCyXcD0QAJSVetQ_4AWm



그렇다면 이번에는 이 표와 데이터, 날짜를 하나로 묶어 연동시켜보겠습니다. 바로 묶은 후에 오른쪽 마우스를 클릭해 그룹화를 하면 연동이 되는데요.



HOtmQcEBUU6u-_DYVLvPVlL-MrQb09zOHnKJTFABvjvOP038s8keK7HnCD8K9tbywQ08GL5-gY6yBB6AKmaENfTGQDCZYWXNNs88UFIqfg7VxLqWaWfnvbrP1LrumCMUNUinUlw3



잘 연동이 되었는지 확인하기 위해 기간 컨트롤을 사용해 날짜를 수정해봤습니다.



sZCI6ZcDV4Pai3fywXk8XKMCno-bOSiR9pg8ih1EsykXyImkruVGQYR5cRgOT_AyDGUjmSwHaV4RjHCzfrZ4kGXJHFF8eZQmrBu6HfuctEhlzQMFM2iPRpJ0TR9EopyEFhc2UeOf



적용하니 수정한대로 날짜가 다시 출력되는 것을 확인할 수 있습니다.


하지만 데이터 스튜디오를 이용할 때 단순히 차트를 하나만 만들지는 않죠, 이번에는 그 옆에 같은 데이터를 가진 시계열 차트를 추가해보도록 하겠습니다.


단순 비교를 위해 완전히 같은 지표로 완성해보겠습니다.



rLP0vsuN6DksFsglA6Puqr5UlfKAGxTJ1b5nvb9Lv0MKMesOeudSZMFq7ifgfaO0PMUiND9uk2kD4lqWo1ErUfbv5IomyyWqcdWvin2NMYxXRL98HWg5VbenWPcL49e876qPUpO4



만들고 나니 날짜에 따른 클릭수에 대한 변동 그래프가 나왔습니다. 아까처럼 클릭률을 추가해보도록 하겠습니다.



vG2IToZGEX9G_D-gxPexkPlXMJsDSz9TO6XvRut3VKmo1mTbl4DaNY8KAsHYb-90cda-EVixp3rN-LLKHUjQWv5rloDPAcC56k7hbD-J3ZE6llTuekOLTTLwU-Tc03-lFm30va9i



클릭률을 추가하니 클릭수가 클릭률에 비해 값이 낮아 제대로 뜨지 않는 것을 확인할 수 있는데요. 이럴 경우에는 여러 방법이 있지만 저는 데이터 라벨을 표시하는 쪽을 선택해보겠습니다.



YKhkNEZio46tTdtUdr4OI6vdcf_91E14alvhsy97UxjGYA9viMPdlbS1FSKpWrCaHjQeHSyerql_2BHbEif4nkZYLQDj-qY6IVWKjtPS0CgLqiBqgolorEdVYIYvjg5hE1CQi1YP



이렇게 스타일에서 데이터 라벨을 표시할 경우 값이 문자로 뜹니다. 이를 확인하면 그래프를 파악하기가 쉬워지겠죠.


그렇다면 마지막으로 두 그래프와 컨트롤을 전부 엮어보겠습니다. 마찬가지로 전부 묶어 클릭하신 후 오른쪽 마우스 후 그룹을 누르면 됩니다.


잘 되었는지 확인해볼까요?


아까처럼 날짜를 다시 변동해보도록 하겠습니다.



ZeAArdDAvCbp4PPNwFvFdjBlMJHRqTDfYMh-Go-Bt0RsIFMPBBH5Msi93ro3jrUyL-5-UTMTc0NUOBodGMOyhBbGZQg1XU_MWi_13_h3nY7pduSy9zF38IK4sWxct7gNqhrKNg43



30일로 해보도록 하겠습니다.



TTlh2bwM2hKnEaIBPZH1QAqqMBeqwJjdWMWifXTW7MX1_8ZyOFF4BLw1OGHoBEtxmgqKHMHAqGd5JJp4HiZKLxeOBLL5So_RN5Itw8bTSiLXi87j-JRmoF1DUPuRAKiqL1M7yxAF



기간 컨트롤에 맞춰 표들이 전부 알맞게 변화한 것을 확인할 수 있죠.


이처럼 데이터 스튜디오는 컨트롤을 이용해 데이터를 하나하나 따로 만지지 않으셔도 간단하게 연동을 함으로써 수정이 가능합니다.


이와 같이 데이터 스튜디오를 이용한 데이터 시각화에 도움이 필요하시다면 하이프마크에 문의해주세요.


감사합니다.








매거진의 이전글데이터 스튜디오 : 시각화를 위한 디자인 기능