brunch

You can make anything
by writing

C.S.Lewis

by Cheon Nov 16. 2016

태블로에서 커스텀 모양을 사용하는 방법

태블로에서 대시보드를 만들 때, 다양한 ‘모양'을 이용하면 대시보드를 더 풍성하게 만들 수 있다. 태블로에서 사용할 수 있는 가장 기본적인 모양은 아래와 같다.



하지만, 대시보드를 좀 더 의미있고 예쁘게 꾸미기 위해서 다양한 모양 또는 이미지들을 사용해 보면 어떨까? 그래서 이번에는 태블로가 제시하는 기본 모양들 말고, 좀 더 새로운 이미지를 사용하는 방법을 정리해 보았다.


아래와 같이 ‘트위터’ 아이콘을 그래프에 적용해 보자.



‘flaticon’이라는 사이트를 들어가면 다양한 아이콘들을 다운받아 태블로에서 사용할 수 있다.(무료/유료 아이콘들이 있지만, 무료로 이용할 수 있는 아이콘들도 충분히 좋은 것 같다.)


http://www.flaticon.com


아래와 같이 다양한 아이콘들을 패키지 형태로 모아져 있다.


‘트위터’ 아이콘을 얻기 위해서,

◆ 오른쪽 아래에 있는 ‘Social Media Logos’를 클릭하자.



◆ 오른쪽 옆에 있는 ‘Download Pack’을 클릭하여 소셜미디어 로고 패키지를 다운받자.(회원가입을 해야하는데, 무료이다.)



다운을 받으면 다운로드 폴더에서 아래와 같이 5개 폴더가 나온다.

◆ ‘png’ 폴더의 ‘이름'을 원하는 대로 바꿔보자.

(나 같은 경우는 ‘social-logo’ 라고 했다.)



◆ 본인 컴퓨터에서 ‘Documents - My Tableau Repository’ 폴더에 들어가자.




◆ ‘Shapes’ 폴더에 들어가자.



‘Shapes’ 폴더에는 이미 몇개의 폴더들이 있다. 이것은 태블로에서 기본적으로 사용할 수 있는 모양들의 파일들이다.


◆ 위에서 만든 ‘social-logo’ 폴더를 ‘Shapes’ 폴더로 옮기자.



◆ 태블로로 돌아가 ‘모양 - 추가 모양 - 모양표 선택’에서 ‘social-logo’가 들어가 있는지 확인하자.



아래와 같이 ‘social-logo’가 있는 것을 확인할 수 있다.



‘social-logo'를 선택하면 다양한 소셜미디어 로고 모양들이 나온다.



그럼 ‘social-logo’ 중에서 ‘트위터’ 모양을 이용해서 간단히 그래프를 만들어보자.


◆ ‘Segment’를 행으로 드래그하자.

◆ ‘Profit’을 열로 드래그하고, 드래그 한 ‘Profit’을 Ctrl를 누른 채, 오른쪽으로 드래그하여 한개 더 ‘Profit’을 복사하자.

◆ 복사한 ‘Profit’을 클릭하고, ‘이중 축’을 클릭하자.



◆ 왼쪽 ‘합계(Profit)’를 클릭하고, 마크에서 모양을 ‘막대’로 선택하자.



◆ ‘크기’를 최소로 줄이자.



◆ 오른쪽 ‘합계(Profit)’를 클릭하고, ‘모양’을 선택하자.



◆ '모양표 선택’에서 ‘social-logo’를 선택하고, ‘트위터’ 새 모양을 선택하자.



◆ ‘트위터 새' 모양의 ‘크기’를 조금 크게하자.



그러면, 아래와 같이 트위터 아이콘을 그래프에 사용할 수 있다.




내가 했던 그래프는 아주 간단한 것이지만, 좀 더 다양한 그래프를 만들 때, 다양한 아이콘들을 사용한다면 대시보드를 좀 더 예쁘게 꾸밀 수 있을 것이다.



내가 이용했던 사이트(http://www.flaticon.com) 말고도 다양한 아이콘을 다운받을 수 있는 사이트들이 더 있다.


<아이콘>


https://thenounproject.com/


https://www.iconfinder.com/


https://icomoon.io/


http://iconmonstr.com/


http://handdrawngoods.com/



<깃발(flag)>


http://www.freeflagicons.com/



각 사이트에는 무료도 있고 유료도 있으니, 필요한 만큼 원하는 대로 사용하면 될 것 같다.



브런치는 최신 브라우저에 최적화 되어있습니다. IE chrome safari