Donut Chart z bonusem

Donut Chart to kolejny z użytecznych wykresów, który nie jest dostępny domyśle w Tableau. Jak w większości przypadków, można go zbudować trochę "oszukując". Jednak prosty czy można z donut charta wycisnąć jeszcze więcej? Na przykładzie mojej ostatniej wizualizacji widać, że tak.

Kliknij w obraz aby przejść do Tableau Public


Na wizualizacji donut chart wizualizuje obecność danej osoby w telewizji o danej godzinie - jest więc tak naprawdę analogią zegara.

Standardowy donut chart to to prostu pie chart z białą zaślepką w środku - drugim, pustym, białym pie chartem. Mój donut chart to pie chart z nałożonym na to kształtem - w tym przypadku okrągłym zdjęciem. Rozwiązanie to daje kilka korzyści:
  • oczyszcza wizualnie dashboard - dzięki tym donut chartom pozbyłem się dużej i brzydkiej heat mapy
  • zwraca uwagę i podkreśla użyte zdjęcia
  • w ciekawy sposób umożliwia filtrowanie

Jak zrobić taki Donut Chart?

Zaczynamy oczywiście od zwykłego wykresu kołowego. W moim przypadku pokazuje on ilość czasu jaką dana osoba jest na wizji o danej godzinie. Musimy pamiętać, aby pozostawić pole angle puste - chcemy aby wszystkie kąty były takie same. Wygląda to tak:



Nic ciekawego, prawda? Dodatkowo, intensywność koloru zależy od ilości czasu na wizji liczonego jako procent całości, a nie po poszczególnych kandydatach. Aby to zmienić klikamy na znacznik koloru i wybieramy Quick Table Calculation > Percent of Total. To jednak dalej nic nie zmienia, ale jesteśmy na dobrej drodze. Kolejny krok to Quick Table Calculation > Edit Table Calculation, gdzie wybieramy aby nasza kalkulacja byłą liczona po kolumnach, czyli Table (down).



Kolor jest już ok, teraz stosujemy tą samą sztuczkę, co przy standardowym donut charcie - jako rzędy używamy Number of Records - robimy to dwukrotnie, aby zduplikować nasze wykresy kołowe. 


Przy zwykłym donut charcie wyczyścilibyśmy drugi rząd i ustawili aby był w kolorze tła, jednak nie o to nam chodzi. My zmieniamy typ wykresu na Shape i używamy custom shapeów, w tym przypadku zdjęć. Jak to zrobić opisałem tutaj. Na obecnym etapie wygląda to tak:


Już prawie skończyliśmy. Jedyne co nam pozostało to połączenie Number of Records tak aby były na jednej osi (dual axis), ustalenie proporcji wykresów kołowych i zdjęć poprzez regulację wielkości kształtu oraz schowanie nagłówka Number of Records (odklikujemy Show Header). Efekt końcowy:


Dokładnie o to chodziło. Oczywiście musimy zająć się jeszcze tooltipami ale tego już nie opisuję. W moim dashboardzie użyłem tych donut chartów również jako filtrów - a konkretniej skorzystałem z użytych tutaj obrazków. Zrobiłem to poprzez Dashboard > Actions gdzie stworzyłem nową akcję - filtr. Wygląda on tak:


Teraz klikając obrazek jednego z polityków automatycznie zostaną przefiltrowane pozostałe wykresy na dashboardzie.

Jeżeli nie masz jeszcze Tableau możesz pobrać wersję próbną stąd.

Komentarze

Prześlij komentarz

Popularne posty z tego bloga

SprytneSztuczki#1 - 9 sprytnych funkcji Tableau, które ułatwią Ci życie

Obraz
Tym wpisem rozpoczynam nowy cykl - Sprytne Sztuczki. Ma to być pewnego rodzaju zbiór subiektywnie najlepszych funkcji, skrótów i hacków w Tableau. Celem jest poprawa efektywności i przyjemności z pracy z Tableau. Pierwsza instancja cyklu skupi się na najprzydatniejszych funkcjach. 1. SIGN() Ile razy tworząć dashboard tworzyliście liczniki KPI i musieliście ikonką i/lub kolorem pokazać zmianę do poprzedniego okresu? Na pewno nie raz. Zazwyczaj w takim przypadku pisałem pole kalkulowane z odpowiednim warunkiem, lub wpisywałem warunek w prostu w odpowiednią pastylkę.  Zaczynamy od tego Minusem pierwszego rozwiązania jest generowanie ogromnej ilości pól kalkulowanych. Minusem drugiego jest gubienie formatowania przy wgrywaniu na serwer. Tak, okazuje się, że aby zapisać formatowanie (kolor czy kształt) musi być ono ustawione dla pola kalkulowanego.  Korzystając z funkcji SIGN() możemy znacząco ogarniaczyć ilość warunków, które musimy napisać. A kończymy z tym Dodatkow
Czytaj więcej

IronViz 2018.2 - Best New Entry i drugie miejscie ogółem

Obraz
Jeśli śledzisz bloga Tableau Public, lub chociaż społeczność Tableau, to na pewno wiesz co to IronViz. Jęsli nie wiesz, to napiszę tylko, że to oficjalny konkurs Tableau, którego ukoronowaniem jest finał (na żywo) na Tableau Conference. W ciągu roku pojawiają się trzy feedery - pewnego typu eliminacje. Wygrany każdego feedera jedzie na konferencję i uczestniczy w finale. Udział w IronViz planowałem od dłuższego czasu, jednak albo nie wyrabiałem się przed terminem, albo nie odpowiadał mi temat. Przy ostatnim feederze udało mi się jednak w końcu ukończyć i wysłać pracę. Kosztem trochę zarwanej nocy, ale jednak. Tematem feedera było 'Health and Well-being', czyli po krótce wszystko związane ze zdrowiem. Przez dwa tygodnie szukałem odpowiednich danych - poprzez tak trywialne jak otyłość w Ameryce do przyczyn śmierci na świecie i stosunku ilości lekarzy do śmiertelności. Jednak dopiero wizualizacja Ann Jackson pomogła mi znaleźć potrzebną inspirację. Wizualizacja Ann Ja
Czytaj więcej

Praktyczne użycie kolorów w wizualizacji danych

Obraz
Dzisiejszy wpis nie będzie odnosił się do Tableau sensu stricte, będzie dotyczył on bardziej teoretycznej strony wizualizacji danych. Za każdym razem tworząc nową wizualizację czy dashboard pojawia się pytanie - jakich kolorów użyć ? Czasem odpowiedź jest oczywista - jeżeli jest to dashboard dla klienta, to zapewne będą to narzucone kolory zgodne z jego identyfikacją wizualną. Kiedy indziej, od razu wiem jakie kolory chcę wykorzystać - jak np. przy wizualizacji dot. medali olimpijskich. W takim przypadku w zasadzie oczywiste jest, że dla reprezentacji złotego medalu użyję koloru złotego, dla medalu srebrnego koloru srebrnego etc. Takie rozwiązanie jest o tyle dobre, że będzie intuicyjne i łatwe w odbiorze dla odbiorcy. Intuicyjny dobór kolorów wg. medali pozwala uniknąć koniecznosci używania legendy Często jednak nie mamy narzuconych kolorów, lub kolory, które kojarzą się z tematem nie współgrają ze sobą. Gdzie wtedy szukać inspiracji? Gdzie szukać kolorów Dobór kol
Czytaj więcej