Tiedon visualisointi

Värit ja tyylit Työterveyslaitoksen tiedon visualisoinneissa.

Väriasteikot

Brändivärien lisäksi käytämme tiedon visualisoinnissa tällä sivulla kuvattuja lisävärejä. Tiedon välittyminen ei saa jäädä pelkän värinäön varaan. Lisää reunaviivat pylväisiin ja sektoreihin sekä käytä viivakuvaajissa eri tyyppisiä viivoja ja arvopisteiden markkereita. Käytä myös arvopisteiden otsikointia.

Kategorinen, laadullinen väriasteikko (qualitative)

Kategorisessa väripaletissa värit edustavat eri luokkia tai ryhmiä. Värit poikkeavat selkeästi toisistaan ja kuvaavat eri kategorioita, eivätkä asioiden järjestystä tai suuruusluokkaa. 

Alla kuvatussa järjestyksessä (vasemmalta oikeaan) jokaisen värin kontrastisuhde edeltävään ja seuraavaan väriin on vähintään 3:1.

#CCEFF4

#CCEFF4
#003c78

#003C78
#FF5C5C

#FF5C5C
#94002A

#94002A
#EDD4E4

#EDD4E4
#6C2D5E

#6C2D5E
#EDFFD9

#EDFFD9
#145F41

#145F41
#B59F92

#B59F92
#503C37

#503C37
#EE652F

#EE652F
#7D2800

#7D2800

 

Kaksisuuntainen, hajaantuva väri­asteikko (diverging)

Hajaantuvaa väriasteikkoa käytetään kun on olemassa neutraali keskivaihe tai -kohta, josta arvot poikkeavat asteittain kahteen vastakkaiseen ääripäähän. Hajaantuvaa asteikkoa käytetään myös niin kutsutussa Likert-asteikossa, joka on tyypillinen kyselytutkimuksissa.

Asteikko punaisesta vihreään

Tämä asteikko sopii käytettäväksi ilmaisemaan muutosta negatiivisesta positiiviseen.

#94002A

#94002A
#FF5C5C

#FF5C5C
#FFC3BD

#FFC3BD
#F1F1F1

#F1F1F1
#EDFFD9

#EDFFD9
#84AC86

#84AC86
#145F41

#145F41

Asteikko oranssista siniseen

Tätä asteikkoa voi käyttää esimerkiksi kertomaan muutoksesta lämpimästä kylmään.

#EE652F

#EE652F
#FBA178

#FBA178
#FFD9C7

#FFD9C7
#F1F1F1

#F1F1F1
#CCEFF4

#CCEFF4
#5795B7

#5795B7
#003c78

#003C78

Asteikko violetista siniseen

Neutraalia hajaantuvaa asteikkoa käytetään kun muuttujia ei haluta arvottaa positiivisiksi tai negatiivisiksi.

#6C2D5E

#6C2D5E
#AC7E9E

#AC7E9E
#EDD4E4

#EDD4E4
#F1F1F1

#F1F1F1
#CCEFF4

#CCEFF4
#5795B7

#5795B7
#003c78

#003C78

Sarjallinen tummuusasteikko (sequential)

Sarjallinen väriasteikko etenee portaittain vaaleasta tummaan ja sitä voi hyvin käyttää esimerkiksi vertaillessa suuruutta tai tiheyttä. 

#EDFFD9

#EDFFD9
#B8D5AD

#B8D5AD
#84AC86

#84AC86
#5AA386

#5AA386
#145F41

#145F41
#CCEFF4

#CCEFF4
#9CC9D8

#9CC9D8
#6CA1BB

#6CA1BB
#3B739C

#3B739C
#003c78

#003C78
#EDD4E4

#EDD4E4
#CDA8C0

#CDA8C0
#AC7E9E

#AC7E9E
#8C557D

#8C557D
#6C2D5E

#6C2D5E
#FFC3BD

#FFC3BD
#FF938B

#FF938B
#FF5C5C

#FF5C5C
#C93443

#C93443
#94002A

#94002A
#FFD9C7

#FFD9C7
#FBA178

#FBA178
#EE652F

#EE652F
#B84819

#B84819
#7D2800

#7D2800