Magia wizualizacji bez kalkulacji – część 2. Chmura słów i Treemap w Tableau

Wpis jest drugą częścią serii „Magia wizualizacji bez kalkulacji”. Kliknij tutaj, żeby zobaczyć pierwszą część serii. W tej odsłonie skupię się na dwóch typach wizualizacji, które tworzymy w bardzo podobny sposób, dzięki czemu będzie Ci dużo łatwiej zapamiętać, jak je zbudować.

Istnieją takie rodzaje wizualizacji, przy których celowo unikam określenia ‘wykres’. Jest to bowiem termin, którego bez obaw możemy używać mówiąc o klasycznych słupkach, czy scatter plot’ach. Natomiast w przypadku tytułowej chmury słów, która przecież może składać się z tych samych miar co scatter plot zakorzenione w naszych głowach skojarzenie z wykresem tak odbiega od jej wyglądu, że ciężko te dwa terminy ze sobą powiązać. Poza tym, chmura słów jest również takim elementem, który z powodzeniem możesz przygotować w Tableau w celu późniejszego wykorzystania w projektach graficznych, które następnie będą przygotowywane do druku. Oczywiście, każdy inny element możesz również wyeksportować klikając na nim prawym klawiszem myszy oraz wybierając opcję Copy à Image… jednak to właśnie chmura słów w ostatnim czasie zyskała najbardziej na popularności, jako element infografik, stron internetowych czy drukowanych materiałów informacyjnych.

Wróćmy jednak do pracy. Twoja chmura powinna wyglądać podobnie do tej, którą zamieściłem powyżej. Chciałbym jednak, żeby niosła więcej informacji niż tylko to, który producent dostarcza mi produkty, których sprzedaż ma największą wartość. Popracujmy zatem nad walorem estetycznym wizualizacji.

• Wybierz kolejną miarę. Ja na potrzeby przykładu wybieram Profit. Przenieś ją do obszaru Color.
• Po prawej stronie obszaru roboczego pojawia się legenda koloru. Kliknij na nią dwukrotnie. W nowym oknie będziesz mógł wybrać paletę kolorów i dostosować to, jak barwa będzie wpływała na elementy Twojego widoku. Ja zdecydowałem się na paletę „Green-Blue Diverging” w wersji Reversed oraz wybrałem opcję Stepped Color. Następnie zmniejszyłem ilość odcieni koloru do 4. Dzięki temu udało mi się wyeliminować sytuację, w której elementy, które prezentowały wartości bliskie 0 wpadały w barwę szarą. Zaznaczam jednak, że przy każdej tego typu operacji musisz mieć świadomość tego, jaką wartość analityczną ma nieść ze sobą dana wizualizacja.

• Kliknij na obszar Text. W nowym okienku wybierz ikonę […]. Kolejne okno pozwoli Ci na zmianę rodzaju czcionki, którą Tableau wykorzystuje w Twoim widoku.

Przejdźmy do treemapy. Ponieważ ten rodzaj wizualizacji jest bliźniaczy z chmurą słów (co mogłeś zauważyć na pewnym etapie jej budowy), to nie będziemy go tworzyć od podstaw. Wykorzystamy to co już mamy, czyli nasz pierwszy widok. W moim przykładzie chmura słów dostarcza informacje o producentach, więc treemapą postaram się zejść poziom niżej do danych o produktach.

• Na pasku zakładek kliknij prawym przyciskiem na istniejącej zakładce, a w rozwiniętym menu wybierz Duplicate.
• W rozwijanej liście w obszarze Marks zmień opcję Text na Square (brawo! Mamy treemapę! Ale to nie koniec :-)).
• Z panelu Dimensions wybierz element Product Name, przenieś go do obszaru Marks i upuść dokładnie nad pigułką Manufacturer w taki sposób, żeby jeden element zastąpił drugi.
• W bazie mamy również informację o kategorii produktu. Dlaczego jej nie wykorzystać? Znajdź element Category i przenieś go do obszaru Rows w górnej części ekranu.
• Rozwiń menu pigułki Category w Rows i wybierz opcję Sort. Dostosuj ustawienia według swoich preferencji. Ja wybieram sortowanie malejące (Descending) według pola Sales (Sum).
• Przyszedł czas na kosmetykę: nadaję nazwę zakładce, usuwam tytuł (klikam na nim prawym klawiszem myszy i wybieram Hide Title), usuwam nagłówek Category (również prawy klik i Hide Field Label for Rows). Na koniec usuwam legendę koloru i filtr (ikona ▼ w prawym górnym roku karty i opcja Hide Cart).

Rysunek poniżej przedstawia widok po przebudowie.

Istotną informacją dla raportu będzie wyświetlenie informacji o sumach wartości Sales dla każdej kategorii. Możesz to zrobić przygotowując dodatkowy element, który pokaże wartości Totals dla każdej kategorii.

Zduplikuj zakładkę z Treemapami.

Z widoku usuń kolejno elementy:

• Profit z filtrów;
• Profit z Marks;
• Product Name z Marks.

Następnie pozostałą w Marks pigułkę SUM (Sales), która jest obecnie przypisana do Size przesuń do obszaru Label.

• W rozwijanym menu zmień rodzaj wizualizacji ze Square na Text.
• Następnie rozwiń menu przy pigułce Category w obszarze Rows i odznacz opcję Show Header.

Nasz trzeci widok jest prawie gotowy. Popracujmy jednak chwilę nad jego wyglądem. Środkowa część widoku ma szare tło – proponuję je usunąć i sformatować czcionkę. Kliknij prawym przyciskiem myszy w dowolnym miejscu obszaru roboczego i wybierz opcję Format. Po lewej stronie wyświetli się nowy panel.

• W pierwszej sekcji (Font) w obszarze Default à Pane będziesz mógł edytować czcionkę na wizualizacji. Ja ją nieco powiększę i dodam pogrubienie.
• Przejdź do sekcji Shading, w obszarze Row Banding à Band Size ustaw minimalną wartość. Następnie nadaj nazwę zakładce. Twój widok po zmianach powinien wyglądać tak jak na rysunku poniżej.

Kończąc, chciałbym zwrócić Twoją uwagę na kilka szczegółów. Po pierwsze dane, które widzisz na dashboardzie to informacje z całej bazy, które nie uwzględniają żadnego przedziału dat. Budując raport, który będzie miał swoje praktyczne zastosowanie pamiętaj, żeby określić jakiego zakresu dat on dotyczy lub dodaj filtr, który pozwoli odbiorcy na samodzielny wybór przedziału czasu.

Duplikowanie arkusza z którego dzisiaj korzystaliśmy poza tym, że pozwala na szybszą pracę powoduje również, że nie musisz się skupiać na formatowaniu nowego widoku. Gdybyś jednak zdecydował się na budowanie nowych zakładek od podstaw, pamiętaj o tym, żeby wszystkie ustawienia się ze sobą zgadzały. Mam na myśli na przykład sortowanie kategorii w naszej dzisiejszej drugiej i trzeciej zakładce.

Dziękuję za wspólną pracę!