Tiedon havainnollistaminen – perusteet ja periaatteet -koulutus. Tietojohtaminen ry ja Tilastokeskus. 17.3.2021.

1. Datavisualisoinnin
perusteet –
käytännönläheinen johdanto
Jukka Huhtamäki
Tutkijatohtori
Tampereen yliopisto, Johtamisen ja talouden tiedekunta
Tietojohtaminen ry
Tiedon havainnollistaminen – perusteet ja periaatteet
17.3.2021

2. • Tutkijatohtori Tampereen yliopiston
tietojohtamisen yksikössä
• Opetan, koulutan, tutkin ja kehitän datan
visualisointia erilaisissa monitieteisissä
tutkimuskonteksteissa
• Väitöskirjassa kehitin visuaalisen verkostoanalytiikan
menetelmän
• Kerään käytännön osaamista myös data-analytiikan
konsulttina
• @jnkka // linkedin.com/in/jukkahuhtamaki/

3. Aamupäivän teemat
• Tiedon ja visualisoinnin prosessi
• Suunnittelun lähtökohdat: Miksi, mitä, miten,
kenelle?
• Erilaisia visualisointeja esimerkkien kautta
• Vuorovaikutteinen visualisointi

4. Suunnittelun lähtökohdat
• Miksi?
• Mitä?
• Miten?
• Kenelle?

5. MITÄ ON
DATAN
VISUALISOINTI?
(Flingassa. Idea: luokaa yhdessä esitys
esimerkiksi Slidesissa johon
osallistujat lisäävät
suosikkivisualisointinsa.)

6. KENELLE
VISUALISOIT
DATAA?
(Flingassa. Kannattaa ehkä täsmentää
kysymystä.)

7. DATAN visualisointi

8. (Card, Mackinlay & Shneiderman, 1999)
(Pirolli & Card, 2005)
(Hansen et al., 2009)

9. Visualisointi teknisenä
prosessina
(Card ja muut, 1999)
Web

10. Visualisointi käyttöliittymänä: D3.js

11. Visualisointi
tarinankerrontana
https://vimeo.com/50044925

12. Visualisointiesimerkkejä
• D3.js: https://observablehq.com/@d3/gallery
• visual complexity:
http://www.visualcomplexity.com/vc/
• Data is beautiful (Tableau):
https://www.tableau.com/learn/articles/best-
beautiful-data-visualization-examples
• Mistä olet itse löytänyt hyviä
visualisointiesimerkkejä?

13. Visualizations That Really Wo
Selittävä
Kartoittava

14. KUVALÄHDE:
WELLCOME COLLECTION (CC BY 4.0)
Florence Nightingale understood the power
of visualizing science

15. Visualizations That Really Work Visual discovery: visual confirmation

16. Visualizations That Really Work
“Anmol Garg, a data scientist at Tesla Motors, has used visual
exploration to tap into the vast amount of sensor data the
company’s cars produce. Garg created an interactive chart that
shows the pressure in a car’s tires over time.”
Visual discovery: visual exploration

17. VISUALISOINNIT ARKEA OHJAAMASSA

19. Kuvalähde: Visual Paradigm

21. TAUKO

22. (Flinga-tehtävien läpikäynti)

23. VÄITÄN: VISUALISOINTI ON
PROSESSI!

24. Visuaalinen analytiikka
• Finding the question is often more important than finding the answer. Exploratory data analysis is
an attitude, a flexibility, and a reliance on display, NOT a bundle of techniques, and should be so
taught. (Tukey, 1980)
• Visual analytics is the science of analytical reasoning facilitated by interactive visual interfaces
(Thomas & Cook, 2005).
• Visual analytics "enable analysts of all types to overcome information overload so that they can
detect the expected and discover the unexpected from massive, dynamic, conflicting, and
incomplete information while rigorously adhering to privacy and security laws and policies"
(Thomas & Cook, 2006)
• To get the most out of such data, however, users must be able to make sense of it: to pursue
questions, uncover patterns of interest, and identify (and potentially correct) errors" (Heer &
Shneiderman, 2012).

25. Vuorovaikutteinen visualisointi
• Shneiderman
(Heer & Shneiderman, 2012)

26. DATAN VISUALISOINTI, VISUAALINEN
ANALYTIIKKA, DATATIEDE, …

28. Kuvalähde: https://shop.exchange.se.com/en-US/apps/44409/launch-pad/features

29. OHJENUORIA JA APUVÄLINEITÄ:

30. 80/20: data on siivottava

31. Kuvalähde: Association Analytics

34. TAUKO

35. (Demo: Tableau)

36. Datan visualisoijan huoneentaulu
• Laaditaan lopuksi datan visualisoijan
huoneentaulu:
• Keskity sinulle merkittävään näkökulmaan:
Kartoita / Diagnosoi / Vakuuta
• (Slidesissa)

37. Lisätiedon lähteitä
• A Brief History of Data Visualization (Heer 2009):
https://www.youtube.com/watch?v=N00g9Q9stBo
• Datapohjaisten visualisointien suunnittelua (Tervakari 2018):
https://www.slideshare.net/AnneTervakari/visualisointien-
suunnittelua
• Tieto näkyväksi: Informaatiomuotoilun perusteet (Koponen, Hildén &
Vapaasalo):
https://www.finna.fi/Record/helmet.2271751

38. Keskustelu ja yhteenveto
Jukka Huhtamäki
jukka.huhtamaki@tuni.fi
twitter.com/jnkka