Doskonałe Wykresy W poszukiwaniu maksymalnej czytelności wykresów Mariusz Kanicki Trendy w raportowaniu spółek giełdowych Warszawa, grudzień 216
CZĘŚĆ 1 Kiedy myślę wykres... W poszukiwaniu doskonałości W poszukiwaniu maksymalnej czytelności wykresów 2
Kiedy myślę wykres... KOMUNIKACJA danych liczbowych Jeden obraz jest wart tysiąca słów 52% Best Practices of Data Visualization Public Traded Companies Odbiorcy - PARTNERZY Inwestorzy, akcjonariusze, analitycy, media, media społecznościowe, pracownicy, klienci, interesariusze 36% 35% 29% 36% 12% ale... nasza spółka jest inna nasza branża jest inna nasz przypadek jest inny Ułatwić i przyspieszyć ZROZUMIENIE 22 215 WYRÓŻNIĆ, zwrócić na coś uwagę... KOMUNIKACJA RELACJE PARTNERSTWO
W poszukiwaniu doskonałości Prostota jest szczytem wyrafinowania Leonardo da Vinci Doskonałość osiąga się nie wtedy, kiedy nie można już nic dodać, ale kiedy nie można nic ująć Antoine de Saint-Exupéry By Leonardo da Vinci - www.vivoscuola.it : Home; Picture, Domena publiczna, https://commons.wikimedia.org/w/index.php?curid=19273
W poszukiwaniu maksymalnej czytelności wykresów Orientacja tekstu Legenda Etykiety wartości Początek osi Y Kolory Osie wykresu
CZĘŚĆ 2 Wybrane zadania stawiane przed przygotowującymi wykresy Zadanie I: Jak pokazać sezonowość przychodów ze sprzedaży? Zadanie II: Jak pokazać sekwencję dwóch wielkości oraz relację pomiędzy nimi /wskaźnik? Droga Rozwiązania standardowe W poszukiwaniu lepszych rozwiązań Rekomendacje
Zadanie I Jak pokazać sezonowość przychodów ze sprzedaży
Zadanie I Jak pokazać sezonowość przychodów ze sprzedaży Wykres wyjściowy Sezonowość 18 16 14 czy sezonowość jest łatwo dostrzegalna? czy etykiety osi X są czytelne? gęstość orientacja tekstu 12 1 8 6 4 2
Zadanie I Jak pokazać sezonowość przychodów ze sprzedaży Poszukiwania 18 16 14 12 1 8 Sezonowość czy sezonowość jest łatwo dostrzegalna? czy etykiety osi X są czytelne? gęstość orientacja tekstu kolory - czy pomagają? Czy trzeba więcej? 6 4 2 Q1 Q2 Q3 Q4 Q1 Q2 Q3 Q4 Q1 Q2 Q3 Q4 Q1 Q2 Q3 Q4 Q1 Q2 Q3 Q4 211 212 213 214 215
Zadanie I Jak pokazać sezonowość przychodów ze sprzedaży Poszukiwania Sezonowość czy sezonowość jest łatwo dostrzegalna? 18 16 14 12 1 kwartał I kwartał II kwartał III kwartał IV czy etykiety osi X są czytelne? gęstość orientacja tekstu kolory? 8 6 4 2 Q1 Q2 Q3 Q4 Q1 Q2 Q3 Q4 Q1 Q2 Q3 Q4 Q1 Q2 Q3 Q4 Q1 Q2 Q3 Q4 211 212 213 214 215
Zadanie I Jak pokazać sezonowość przychodów ze sprzedaży Poszukiwania Sezonowość czy sezonowość jest łatwo dostrzegalna? 18 16 14 12 1 kwartał I kwartał II kwartał III kwartał IV czy etykiety osi X są czytelne? gęstość orientacja tekstu kolory? 8 6 4 2 Q1 Q2 Q3 Q4 Q1 Q2 Q3 Q4 Q1 Q2 Q3 Q4 Q1 Q2 Q3 Q4 Q1 Q2 Q3 Q4 211 212 213 214 215
Zadanie I Jak pokazać sezonowość przychodów ze sprzedaży Poszukiwania 18 16 14 12 1 Sezonowość czy sezonowość jest łatwo dostrzegalna? czy etykiety osi X są czytelne? gęstość orientacja tekstu kolory? 8 6 4 2 Q1 Q2 Q3 Q4 Q1 Q2 Q3 Q4 Q1 Q2 Q3 Q4 Q1 Q2 Q3 Q4 Q1 Q2 Q3 Q4 211 212 213 214 215
Zadanie I Jak pokazać sezonowość przychodów ze sprzedaży Poszukiwania 18 16 14 12 1 8 6 4 2 Sezonowość czy sezonowość jest łatwo dostrzegalna? czy etykiety osi X są czytelne? gęstość orientacja tekstu kolory? czy można coś poprawić? mniej kolorów? mniej tekstu? wielkość przerwy? Q1 Q2 Q3 Q4 Q1 Q2 Q3 Q4 Q1 Q2 Q3 Q4 Q1 Q2 Q3 Q4 Q1 Q2 Q3 Q4 211 212 213 214 215
Potęga przerwy
Zadanie I Jak pokazać sezonowość przychodów ze sprzedaży Poszukiwania 18 16 14 12 1 8 6 4 2 Sezonowość czy sezonowość jest łatwo dostrzegalna? czy etykiety osi X są czytelne? gęstość orientacja tekstu kolory? czy można coś poprawić? mniej kolorów? mniej tekstu? wielkość przerwy? Q1 Q2 Q3 Q4 Q1 Q2 Q3 Q4 Q1 Q2 Q3 Q4 Q1 Q2 Q3 Q4 Q1 Q2 Q3 Q4 211 212 213 214 215
Zadanie I Jak pokazać sezonowość przychodów ze sprzedaży REKOMENDACJA Sezonowość 18 16 14 12 1 8 6 4 2 211 212 213 214 215
Zadanie I Jak pokazać sezonowość przychodów ze sprzedaży REKOMENDACJA Sezonowość 18 16 14 BONUS nadal można wyróżnić wybrany kwartał podczas prezentacji okresowej 12 1 8 6 4 2 211 212 213 214 215
Zadanie II Jak pokazać sekwencję dwóch wielkości oraz relację pomiędzy nimi /wskaźnik
Zadanie II Jak pokazać sekwencję dwóch wielkości oraz relację pomiędzy nimi /wskaźnik Np. Przychody mln PLN Zysk brutto na sprzedaży mln PLN marża zysku brutto ns % Przychody mln PLN EBITDA mln PLN marża EBITDA % Dług netto EBITDA LTM Dług netto/ EBITDA LTM mln PLN mln PLN (bj)
Zadanie II Jak pokazać sekwencję dwóch wielkości oraz relację pomiędzy nimi Wykres wyjściowy 6 15% 5 4 1% 3 2 5% 1 212 213 214 215 216 % przychody EBITDA rentowność EBITDA
Zadanie II Jak pokazać sekwencję dwóch wielkości oraz relację pomiędzy nimi Wykres wyjściowy 6 5 4 3 2 1 15% 1% 5% Wykresy złożone / kombo z łatwością uzyskamy za pomocą gotowego narzędzia w excel Zalety łatwość, szybkość oszczędność powierzchni Wady zagnieżdżenie informacji występowanie dwóch osi mała czytelność, problemy ze skupieniem 212 213 214 215 216 % przychody EBITDA rentowność EBITDA
Zadanie II Jak pokazać sekwencję dwóch wielkości oraz relację pomiędzy nimi Wykres wyjściowy 6 15% Wykresy złożone / kombo z łatwością uzyskamy za pomocą gotowego narzędzia w excel 5 4 412 12% 351 14% 497 52 11% 519 12% 1% Zalety łatwość, szybkość oszczędność powierzchni 3 Wady 2 1 6% 47,6 49,2 57,4 67,4 29,3 212 213 214 215 216 5% % zagnieżdżenie informacji występowanie dwóch osi mała czytelność, problemy ze skupieniem próba naniesienia etykiet wartości pogarsza sytuację przychody EBITDA rentowność EBITDA
Zadanie II Jak pokazać sekwencję dwóch wielkości oraz relację pomiędzy nimi Wykres wyjściowy 6 15% Zagnieżdżenie informacji jest główną przyczyną małej czytelności wykresów złożonych 5 4 1% Może separacja i... zagęszczenie? 3 2 5% 1 212 213 214 215 216 % przychody EBITDA rentowność EBITDA
Zadanie II Jak pokazać sekwencję dwóch wielkości oraz relację pomiędzy nimi Wykres przejściowy 6 5 4 15% 1% 5% % Zagnieżdżenie informacji jest główną przyczyną małej czytelności wykresów złożonych Może separacja i... zagęszczenie? Czy to wystarczy? 3 2 1 212 213 214 215 216 przychody EBITDA rentowność EBITDA
Zadanie II Jak pokazać sekwencję dwóch wielkości oraz relację pomiędzy nimi Wykres wyjściowy 6 15% 5 Spróbujmy jeszcze inaczej pełna separacja 4 1% 3 2 5% 1 212 213 214 215 216 % przychody EBITDA rentowność EBITDA
Zadanie II Jak pokazać sekwencję dwóch wielkości oraz relację pomiędzy nimi Separacja (1) 6 16% 6 16% 5 14% 5 14% 12% 12% 4 1% 4 1% 3 8% 3 8% 2 6% 2 6% 4% 4% 1 2% 1 2% 212 213 214 215 216 % 212 213 214 215 216 % przychody EBITDA rentowność EBITDA przychody EBITDA rentowność EBITDA
Zadanie II Jak pokazać sekwencję dwóch wielkości oraz relację pomiędzy nimi Separacja (2) 6 16% 6 16% 6 16% 5 14% 5 14% 5 14% 12% 12% 12% 4 1% 4 1% 4 1% 3 8% 3 8% 3 8% 2 6% 2 6% 2 6% 4% 4% 4% 1 2% 1 2% 1 2% 212 213 214 215 216 % 212 213 214 215 216 % 212 213 214 215 216 % przychody EBITDA rentowność EBITDA przychody EBITDA rentowność EBITDA przychody EBITDA rentowność EBITDA
Zadanie II Jak pokazać sekwencję dwóch wielkości oraz relację pomiędzy nimi Separacja (3) 6 16% 8 16% 6 16% 5 14% 7 14% 5 14% 12% 6 12% 12% 4 1% 5 1% 4 1% 3 8% 4 8% 3 8% 2 6% 3 6% 2 6% 4% 2 4% 4% 1 2% 1 2% 1 2% 212 213 214 215 216 % 212 213 214 215 216 % 212 213 214 215 216 % przychody EBITDA rentowność EBITDA przychody EBITDA rentowność EBITDA przychody EBITDA rentowność EBITDA
Zadanie II Jak pokazać sekwencję dwóch wielkości oraz relację pomiędzy nimi REKOMENDACJA: unikać wykresów złożonych Przychody ze sprzedaży EBITDA rentowność EBITDA 6 8 16% 5 7 14% 6 12% 4 5 1% 3 4 8% 2 3 6% 2 4% 1 1 2% 212 213 214 215 216 212 213 214 215 216 % 212 213 214 215 216
Zadanie II Jak pokazać sekwencję dwóch wielkości oraz relację pomiędzy nimi REKOMENDACJA: unikać wykresów złożonych Przychody ze sprzedaży EBITDA rentowność EBITDA 6 8 16% 5 4 412 351 497 52 519 7 6 5 47,6 49,2 57,4 67,4 14% 12% 1% 12% 14% 11% 12% 3 4 8% 2 3 29,3 6% 6% 2 4% 1 1 2% 212 213 214 215 216 212 213 214 215 216 % 212 213 214 215 216
Zadanie II Jak pokazać sekwencję dwóch wielkości oraz relację pomiędzy nimi REKOMENDACJA: unikać wykresów złożonych Przychody ze sprzedaży EBITDA rentowność EBITDA 412 497 52 519 57,4 67,4 12% 14% 11% 12% 351 47,6 49,2 29,3 6% 212 213 214 215 216 212 213 214 215 216 212 213 214 215 216
Przykłady z życia do dyskusji Jak pokazać sekwencję dwóch wielkości oraz relację pomiędzy nimi
Przykłady z życia do dyskusji Jak pokazać sekwencję dwóch wielkości oraz relację pomiędzy nimi #1 źródło: @GUS_STAT mld zł 1 9 8 7 6 5 4 3 2 1 761,5 Przychody, wynik finansowy i liczba mikroprzedsiębiorstw w latach 21-215 816,4 819,6 84,2 884,2 92,8 99,8 87,4 98,4 18,5 124,9 21 211 212 213 214 215 Wynik finansowy (skala lewa) Przychody (skala lewa) Liczba przedsiębiorstw (skala prawa) tys. przedsiębiorstw 976,4 195 19 185 18 175 17 165 16
Przykłady z życia do dyskusji Jak pokazać sekwencję dwóch wielkości oraz relację pomiędzy nimi #2 źródło: @OFinansowy
Przykłady z życia do dyskusji Jak pokazać sekwencję dwóch wielkości oraz relację pomiędzy nimi #3 źródło: @mariuszkanicki
W poszukiwaniu maksymalnej czytelności wykresów Less is more White space Orientacja tekstu Pozioma Unikamy zamieszczania tekstu w pozycji skośnej i pionowej Legenda Nie zawsze konieczna Identyfikacja po kolorach powinna być łatwa i jednoznaczna Zalecane bezpośrednie nazywanie serii przy wartości Etykiety wartości Dla długich serii zwykle nie trzeba oznaczać wszystkich wartości Unikamy jednoczesnego używania skali osi Y i oznaczania wartości Początek osi Y Dla wykresów słupkowych i kolumnowych oś Y zawsze zaczyna się od Dla wykresów liniowych i punktowych początek osi Y dobieramy kontekstowo Kolory Intencjonalne powiązanie z kolorami brandowymi Oszczędne użycie Używanie koloru dla podkreślenia wybranych elementów Osie wykresu Jedna oś X Jedna oś Y
Mariusz Kanicki +48 52 192 649 @mariuszkanicki mariusz.kanicki@gmail.com