펜트하우스 네트워크 대시보드

펜트하우스 네트워크 대시보드

 

이틀 걸려서 성공했습니다. 하루는 하루종일 네트워크 그래프가 뭔지... 어떻게 만드는지 고민하고 그래프 그릴 계획을 세웠구요.. 하루는 데이터 만들고 실제로 그래프를 그려보았습니다. ㅎㅎ

 

위비즈의 태블로 퍼블릭에서 기생충 관련한 대시보드를 보고 저도 만들고 싶어져서 만들어봤어요! 

세션 때 배우진 않아서 혼자 알아서 공부하느라 오래 걸렸습니다 ㅜㅜ 그래도 똑똑해진 기분이 듭니다 ~

 

 

이게 제가 본 기생충 대시보드에 있는 네트워크 그래프예요! 이런 그래프가 있는지도 몰랐는데 구경하다가 알게 되었씁니다. ㅋ 저도 비슷하게 만들었어요.

 

 

 

제 첫 네트워크 그래프입니다!!! 한글로 된 설명이 검색해도 잘 안 나와서 영어로 찾아봤어요 ㅠㅠ

기생충이랑 완전 똑같은 구성으로 만들었는데 어떤가요?! 

사실 사진을 하나하나 누끼따서 포토샵 할랬는데 너~~~~~~~무 귀찮아서 관뒀어요 ㅋ

 

 

관계명 필터에서 선택하면 저렇게 딱 한가지 관계만 나오도록 설정해놨습니다. 이거도 태블로 퍼블릭에 올려야겠어요..ㅋ

 

 

태블로 네트워크 그래프

저는 여러가지 찾아보면서 굉장히 힘들게 작업했는데 여러분은 편하게 하시길 바랍니다...

 

마침 이런 노트가 있어서 좌표 찍어가면서 열심히 그렸습니다. 그리고 이걸 다 엑셀 파일에 넣어서 데이터를 만들어 줘야 해요! 8개짜리를 헤라키즈로 만들어서 안에 넣으려 했는데 .. 이게 각 점이 다 선으로 연결되어 있다 보니까 애매하게 되더라구요.. ㅋ 그래서 데이터 만들기도 복잡하고 그래서 그냥 어른들만 했습니다!

 

근데 진심 저거도 노가다였는데 데이터 만드는거 자체가 진짜 너무 시간이 많이 걸려요..

 

아무튼 저렇게 해서 각 점 좌표를 찍었으면 엑셀을 열면 됩니다.

각 점에 있는 인물들이랑 그사람들의 고유번호!를 적고 점 좌표를 x y 따로 적어주심 됩니다.

그리고 이걸 까먹지 않고 잘 기억하는게 중요해요..

 

 뭔지 좀 아시겠나요?! shape id 는 두명당 1개예요. 왜냐면 그 둘의 관계를 알려주는 선이 1개니까! 

관계 설명 & 관계명은 각 shape id별로 똑같이 입력해주면 되고 point id와 x y에 인물에 맞는 값을 입력해주면 됩니다. 사실 레코드 수는 제가 예시로 본 데이터에 있었는데 정확히 어디다 쓰는 건지 모르겠지만 써놨길래 저도 똑같이 따라 썼습니다 ㅎㅎ

 

저런식으로 하나하나 노가다 해주시면 됩니다. 

 

관계명은 굳이 저런식으로 하지 않아도 되는데 "이름-이름" 만큼 간단명료한건 없는 것 같긴 합니다 ㅎㅎ

 

 

그래프 그리는 방법은 위나 아래에 있는 링크 들어가서 보면 될 것 같은데 

제가 젤 헤맸던 부분을 .... 또 까먹지 않기 위해 적어 둡니다.

 

 

필터 하나로 두개 시트에 어떻게 적용하나 고민하고 이것저것 다 해봤는데 

사진처럼 해서 겨우겨우 했습니다! 원래는 "이 워크시트만"으로 체크되어 있는데 사진처럼 "선택한 워크시트..." 누르면 워크시트를 선택할 수 있는 창이 나와서 저는 거기서 적용했습니다. ㅎㅎ

 

 

펜트하우스 네트워크 대시보드

 

들어가보세요!