obrazowanie danych na wykresachzpt2.tele.pw.edu.pl/~andrzej/tpdokt/wyklad-pdf/tpdokt09a... · 2006....

B.1Wojciech Murzyn Obrazowanie danych

Obrazowanie danychna wykresach i rysunkach

Gdy chcemy pokazać piękno krajobrazu nie zmuszajmy do pamiętania wysokości szczytu.

Ludwik Hirszfeld

Wojciech Murzyn

T E C H N I K I K O M U N K O W A N I A S I Ę W D Z I A Ł A L N O Ś C I N A U K O W C A


Przykład wykresu, który nie jest wykresem…


źródło: Edward R. Tufte: The Visual Display of Quantitative Information, Graphic Press, Cheshire, 2002


Plan

� graficzne przedstawianie danych� dobre strony dobrych konwencji� gęstość informacji na wykresie� problemy w przekazywaniu informacji� dobre i złe zwyczaje w obrazowaniu danych


Graficzne przedstawianie danych

� Przede wszystkim: pokazuj dane� Zwiększaj udział data inkw twoim rysunku

� Eliminuj non-data ink� Eliminuj nadmiarowe informacje o danych

� Przeglądaj, edytuj, testuj …

oszczędzaj atrament!

źródło: Edward R.Tufte: The Visual Display of Quantitative Information, Graphic Press, Cheshire, 2002


Każdy element rysunku powinien przekazywać jakąś informację…

… a może więcej niż jedną…

Przykład:mapa z poziomicami

położeniekształtwielkośćwysokość n.p.m.

jedna plama


Siła konwencji

�informacje nie kolidują ze sobą�informacje są zrozumiałebo

jesteśmy przyzwyczajeni do takiegoprzedstawiania danych

wniosek

korzystaj ze sprawdzonych schematów przekazywania (pokazywania) informacji


Plan



Siła konwencji

korzystaj ze sprawdzonych schematów przekazywania (pokazywania) informacji

w dobrym tego słowa znaczeniu

schemat = zwyczaj, konwencja, umowaNIE: brak inwencji !!


Konwencja

STOP


Wbrew konwencjom?

GO

Taki znak nie ma sensu!


Plan



Gęstość informacji (data density)

Ile danych (liczb) można odczytać z jednostkowej powierzchni wykresu (rysunku)?


źródło: Edward R. Tufte: The Visual Display of Qantitative Information, Graphic Press, Cheshire, 2002

B.15Wojciech Murzyn Obrazowanie danychźródło: Edward R. Tufte: The Visual Display of Qantitative Information, Graphic Press, Cheshire, 2002


źródło: Edward R. Tufte: The Visual Display of Qantitative Information, Graphic Press, Cheshire, 2002


Jak uzyskać wysoką gęstość informacji?

� Staraj się przekazać jak najwięcej informacji

� Zacznij od szczegółowych danych, żeby pokazać kompletny obraz

� Redukuj, żeby uzyskać czytelność nie tracąc rzetelności


Jak dobrze narysować wykres?

prostota projektu (konwencji)

złożonośćdanych

eleganckiwykres

+

B.22Wojciech Murzyn Obrazowanie danychźródło: Edward R. Tufte: The Visual Display of

Qantitative Information, Graphic Press, Cheshire,

2002



2002


źródło: Edward R. Tufte: The Visual Display of


2002

B.25Wojciech Murzyn Obrazowanie danychźródło: Edward R. Tufte: The Visual Display of Qantitative

Information, Graphic Press, Cheshire, 2002


Qantitative Information, Graphic Press, Cheshire, 2002


Plan



Zakłócenia w przekazywaniu informacji graficznej

� Wściekłe wzorki (wibrująca grafika)� Niepotrzebne linie i punkty siatki� Niepotrzebne użycie dekoracji



Wściekłe wzorki (wibrująca grafika)



Wściekłe wzorki (wibrująca grafika)

Litwo, Ojczyzno moja, Ty jesteś jak zdrowie

Ile Cię trzeba cenić ten tylko się dowie, kto Cię stracił.

Dziś piękność Twą w całej ozdobie widzę i opisuję,

Bo tęsknię po Tobie…



LEGENDA

PRODUKCJA W 2005

PRODUKCJA W 2004

PRODUKCJA W 2003

to jest przykład bardzo złego wykresu !!



Niepotrzebne linie i punkty siatki� można wyeliminować jeśli wykres da się interpretować bez nich

� można stłumić w stosunku do danych (np. szara siatka, czarne dane)



Niepotrzebne linie i punkty siatki

05101520253035404550

2001 2002 2003 2004


Redukcja linii i punktów siatki…

0

10

20

30

40

50

2001 2002 2003 2004



0

10

20

30

40

50

2001 2002 2003 2004



Niepotrzebne linie i punkty siatki

05101520253035404550

2001 2002 2003 2004



Niepotrzebne użycie dekoracji:� Kolory� Cienie� 3D� …

0

10

20

30

40

50

60

70

80

90

1. Kw 2. Kw 3. Kw 4. Kw

Wsch.

Zach.

Płn.to jest przykład bardzo złego wykresu !!


Kolory

� nie ma naturalnej hierarchii kolorów

poza schematem mapowym:

� zazwyczaj do pokazania hierarchii lepiej służą odcienie szarości (lub innego, ale jednego koloru)

…


Plan



Dobre zwyczaje (teksty w rysunkach)

� pełne słowa w opisach� słowa pisane od lewej do prawej� krótkie, zwięzłe, ale informacyjne komentarze do danych

� etykiety danych na wykresie, opisy razem z grafiką, najlepiej bez legendy

� czytelne, proste czcionki, bez udziwnień, bez wersalików



Dobre zwyczaje (grafika w rysunkach)

� atrakcyjna grafika „prowokująca” do oglądania

� kolory, jeśli są używane, to w sposób umożliwiający ich rozróżnienie:� także w trudnych warunkach� także przez daltonistów� niezależnie od medium (wydruk, wyświetlanie na monitorze, na ekranie, …)



Nie oszukuj!

Przykład…


Piwo(przykład niejednoznaczności wykresu)


tysiące

hektolitrów

Browar A Browar B Browar C

1

2

3

4

Produkcja piwaJeżeli ten wykres pokazuje wielkość produkcji piwa w

browarach A, B i C, …



tysiące

hektolitrów

Produkcja piwaTo jakie jednostki

powinny być na tym wykresie???

…to jakie jednostki powinny być na tym

wykresie???



tysiące

hektolitrów

1

2

3

4

Produkcja piwa

takie ???



tysiące

hektolitrów

1

4

9

16

Produkcja piwa

czy takie ???



tysiące

hektolitrów

1

8

27

64

Produkcja piwa

a może takie ???



tysiące

hektolitrów

?

?

?

?

Produkcja piwa


Nie oszukuj…

� Patrz na swój wykres oczami odbiorcy = unikaj niejednoznaczności

� Nie stosuj celowo i unikaj przypadkowego użycia efektów powodujących fałszowanie informacji:� elementy wielowymiarowe� cieniowanie� kolory� efekt perspektywy� …


Złe zwyczaje (teksty w rysunkach)

� skróty, kody, żargon, …� nienaturalny kierunek tekstu� interpretacja danych wymaga odwoływania się do tekstu

� tekst zbyt dekoracyjny� wersaliki (tylko duże litery)



Złe zwyczaje (grafika w rysunkach)

� kodowanie kolorami, wzorami, cieniami, które wymaga ciągłego odwoływania się do legendy

� grafika odpustowa, kiczowata, przesadnie dekoracyjna (chartjunk)

� zbyt wiele kolorów� nieprzyjazne dla daltonistów zestawienia (np. czerwony-zielony)



Dobra grafika statystyczna

� pokazuje dane� inspiruje czytelnika (widza) do analizy danych� nie zniekształca danych� pokazuje w sposób czytelny wiele informacji na małym obszarze

� nie odciąga uwagi od zawartości (treść jest ważniejsza niż technika)

� przekazuje duże zbiory danych w sposób spójny


Dobra grafika statystyczna c.d.

� w naturalny sposób umożliwia porównywanie prezentowanych danych i poszukiwanie kontekstu

� pozwala na odkrywanie różnych poziomów szczegółowości danych(od ogólnego spojrzenia do dokładnej analizy)

� wiąże się w sposób klarowny z innymi opisami tej samej informacji – werbalnym, tabelarycznym (jeżeli zostały przedstawione)


Podsumowanie

� przemawiaj obrazami� rysuj zamiast opisywać� pokazuj zależności, trendy tendencje

� nie przesadzaj ze szczegółami

� bądź pomysłowy…

Gdy chcemy pokazać piękno krajobrazu nie zmuszajmy do pamiętania wysokości szczytu.

Ludwik Hirszfeld

obrazowanie danych na wykresachzpt2.tele.pw.edu.pl/~andrzej/tpdokt/wyklad-pdf/tpdokt09a... · 2006....

Documents