PaaS/Data

(데이터시각화) Tableau Map (지도) 기반 시각화 웹사이트 노출 방법

armyost 2023. 11. 27. 14:07
728x90

샘플 대시보드 작성은 이전 포스팅 참조 : https://armyost.tistory.com/448

 

Tableau Map (지도) 기반 시각화 샘플

Tableau Desktop에서 Sample 데이터를 통하여 지도기반 시각화를 진행해보고자 한다. 1. Tableau Desktop의 데이터 레이어에서 '데이터에 연결'을 클릭한다. 2. '슈퍼스토어-샘플'을 클릭한다. 3. 테이블 - 주

armyost.tistory.com

 

 

이제 완성한 대시보드를 WebPage에 표시하는 방안이다. 

 

1. 공유코자 하는 Tableau 대시보드를 들어간다. 

 

2. '공유'를 클릭하여 표시되는 화면에서 '내장 코드 복사'를 클릭한다. 

 

3. 그러면 아래와 같은 HTML 코드가 복사된다. 표시하고자 하는 Frontend 소스에 붙인다. 

    <body>
    ...
        <script type='module' src='https://prod-apnortheast-a.online.tableau.com/javascripts/api/tableau.embedding.3.latest.min.js'></script><tableau-viz id='tableau-viz' src='https://prod-apnortheast-a.online.tableau.com/t/sicc/views/__/DashBoard-armyost' width='1000' height='840' hide-tabs toolbar='bottom' ></tableau-viz>
	...
    </body>

 

 

4. 완료