Tableau Ders 45: Javascript ile Yapılan Grafikleri Çalıştırma

network.gif

Dashboard ekranındaki “Web Page” özelliğinden daha önce sizlere bahsetmiştim. Bu şekilde javascript ile yaptığınız grafikleri linkleyerek, Web Page özelliğiyle aynı Dashboard’ta göstermek mümkün. Dashboard Actions’ları kullanarak raporları birbiriyle iletişime geçirebilirsiniz.

Örneği incelemek için buraya tıklayın.

Reklamlar

Tableau Ders 41: Action ve Web Page

Bugün Tableau Action‘lardan konuşacağız.

Öncelikle action‘ları worksheet ve dashboard için tanımlamak mümkündür.

(Bump Chart örneğinde worksheet seviyesinde bir highlight action tanımlamıştık.)

3 tip action vardır.

1- Filter

2- Highlight 

3- URL

Harita ve lolipop grafikten oluşan basit bir dashboard üzerinde action‘ları göreceğiz. Lolipop grafik, kategori ve alt kategori bazındaki satışları gösteriyor.

Screenshot_3.png

Filter action ile başlayalım.

En üst sekmeden Dashboard -> Actions

Screenshot_1 ve buradan Filter diyelim.

Filtrelendikten sonra filtrelenen il ismine tekrar bastığımızda grafiklerin eski haline dönmesi için aşağıdaki gibi Show all values seçeneğini seçiyoruz.

lolipop.png
Run action on kısmında,

Hover ->  İlgili alanın mouse ile üzerine gelince

Select -> İlgili alana tıklayınca

Menu ->   İlgili alana tıkladıktan sonra menü açılır ve menüden seçtiğimizde action çalışır.

Şuan basınca çalışmasını istediğim için Filter‘ı seçiyorum.

Source Sheet -> Harita (Haritadan il seçince); Target Sheet -> Lolipop Chart o il için filtrelenecektir.

Ok dedikten sonra lütfen harita üzerinden bir il seçiniz. İlin üzerine tıkladığınızda artık Lolipop grafik o il için filtrelenmiş olacak.

Peki bunu daha kısa nasıl yapabilirdik? Yani bir grafiği bütün Dashboard için filtre olarak nasıl kullanırdık?

Bunun için filtre olarak kullanmak istediğiniz grafiğe Dashboard ekranından tıklayın ve oradaki küçük huni ikonuna basın.

Screenshot_4.png

Pekala nasıl çalıştığına aşağıdaki giften bir bakalım:

actions.gif

Burada çarpıcı olarak göstermek istediğim bir örnek var.

Bu örnek için URL action‘ı ve Web Page özelliğini kullanacağız.

Bunun için önce yeni bir dashboard açarak Lolipop Chart Sheet’ini Dashboard’a alalım ve Lolipop Chart‘ın altına sol aşağıdaki Objects‘in altındaki Web Page‘i sürükleyip bırakalım.

Web Page‘i dashboard ekranına sürükleyip bıraktığınızda size bir URL adresi sorulacak. Örnek olarak ikea’nın linkini girelim.

https://www.ikea.com.tr/arama/?k=

Daha sonra aynı şekilde action tanımlayarak bu defa Go To URL‘i seçelim.

loli.png

Artık bir alt kategoriye bastığımda İkea’nın sayfasında o ürünü aratabilirim.

Hadi başlayalım:

urlaction.gif

Görüldüğü gibi Tableau ile Dashboard ekranında, grafiklerle beraber web sitelerini göstererek ögeleri web sitelerinde dahi aratabiliyoruz.

Tableau Ders 6: Dashboard

Tableau’da 3 tane çalışma ortamımız bulunuyor.

Worksheet, Dashboard ve Story.

Biz şuana kadar worksheet üzerinde çalışarak çeşitli grafikler yaptık. Bugün ise bu grafikleri birleştirerek rapor haline getireceğimiz bir Dashboard hazırlayacağız.

Konuyla ilgili youtube videoma ulaşmak için buraya tıklayabilirsiniz.

Sağ altta worksheet isimlerinin yanında gördüğünüz +’lı iconlar sırasıyla soldan sağa Worksheet, Dashboard ve Story’dir.

Dashboard’a oluşturduğumuz worksheetleri ekleriz; Story’ye ise Worksheet + Dashboard ekleyerek sunum tadında raporlar hazırlayabiliriz.

Story örneği için;

Buraya tıklayarak inceleyebilirisiniz.

Öncelikle +’lı iconlardan ortadaki olana basarak boş bir Dashboard sayfası açalım. Sol tarafta gördüğünüz bütün worksheetleri, konumlandırmak istediğimiz yeri seçerek sürükleyip bırakacağız.

Örneğin, ilk önce Bar Chart isimli sheet’i alıyor ve Dashboard sayfasına sürükleyip bırakıyorum.

Arkasından aynı şekilde istediğim bütün grafikleri, ekrana sürükle bıraklarla yerleştireceğim. Tasarım tamamen size ait.

Dilerseniz Objects -> Image çift tık ile resim (şirket logosu vb.) ekleyebilirsiniz. Resmi istediğiniz yere yerleştirdikten sonra resmin üzerine gelerek sol minik ok Fit Image diyerek boyutlandırıp sığdırabilirsiniz.

Yapmış olduğumuz bütün sheet ve resimleri Dashboard’a aldıktan sonra geriye düzenlemesi kalıyor.

Başlıkları gizlemek için grafik başlıklarının üzerine gelerek sağ tık Hide Title yapabilirsiniz.

Yine worksheet’lerden birine tıklayarak yukarıda en soldaki ters üçgen iconuna basıp Fit -> Entire View diyerek sheet’i tam olarak bulunduğu bölmeye sığdırmış oluyoruz. Sheet üzerine gelerek kenarda çıkan ok’a tıklayıp Floating ile o sheet’i istediğimiz sheet üzerine koyabilir ve boyutlandırabiliriz.

Dashboard’taki Years’a tıklayıp ortaki icon -> Use as Filter dersek, o grafiği bütün Dashboard için filtre olarak kullanabiliriz.

Burada yılları, tüm Dashboard için filtre olarak kullanacağım.

Böylece, 2017’ye tıkladığımızda Dashboard’un içerisindeki tüm grafikler, 2017 yılına göre filtrelenecektir.

dashboard1.gif

Dashboard’un boyutunu ayarlamak için soldaki Size bölümünü kullanabilirsiniz. Burada kullanılan hazır ekran boyutları mevcuttur ya da boyutu custom olarak kendiniz belirleyebilirsiniz. Eğer ekranlara göre otomatik boyutlandırılmasını isterseniz, Automatic seçeneğini kullanabilirsiniz.