{"id":8136,"date":"2024-10-18T14:19:53","date_gmt":"2024-10-18T12:19:53","guid":{"rendered":"https:\/\/igloonet.cz\/blog\/?p=8136"},"modified":"2024-10-18T12:10:08","modified_gmt":"2024-10-18T10:10:08","slug":"barvy-v-datovych-vizualizacich-a-uzitecne-nastroje","status":"publish","type":"post","link":"https:\/\/igloonet.cz\/blog\/barvy-v-datovych-vizualizacich-a-uzitecne-nastroje\/","title":{"rendered":"Barvy v datov\u00fdch vizualizac\u00edch + u\u017eite\u010dn\u00e9 n\u00e1stroje"},"content":{"rendered":"
<\/div>\n

Barvy jsou obs\u00e1hl\u00fdm t\u00e9matem, kter\u00e9 p\u0159esahuje hranice datov\u00fdch vizualizac\u00ed. Nicm\u00e9n\u011b pr\u00e1v\u011b s barvami se (skoro v\u0161ichni) setk\u00e1v\u00e1me ka\u017edou vte\u0159inu na\u0161eho \u017eivota. Pou\u017e\u00edv\u00e1n\u00ed barev v datov\u00fdch vizualizac\u00edch je ale velmi slo\u017eit\u00e9, proto\u017ee mus\u00edme m\u00edt na pam\u011bti mnoho aspekt\u016f, kter\u00e9 mohou ovlivnit v\u00fdznam na\u0161eho sd\u011blen\u00ed. Zaj\u00edm\u00e1 v\u00e1s,na co si d\u00e1t pozor a jak zajistit, aby va\u0161e vizualizace spr\u00e1vn\u011b \u010detlo co nejv\u00edce lid\u00ed? Pokra\u010dujte ve \u010dten\u00ed \u010dl\u00e1nku, kter\u00fd vznikl jako v\u00fdstup z m\u00e9 p\u0159edn\u00e1\u0161ky na MeasureCampu v Bratislav\u011b!<\/p>\n

<\/p>\n

Pro\u010d pou\u017e\u00edv\u00e1me barvy ve vizualizac\u00edch?<\/h2>\n

Barvy pou\u017e\u00edv\u00e1me z n\u011bkolika d\u016fvod\u016f, \u010dasto to ale d\u011bl\u00e1me \u0161patn\u011b nebo zcela zbyte\u010dn\u011b. V minul\u00e9m \u010dl\u00e1nku<\/a> jsem na\u0165ukl t\u00e9ma datov\u011b-vizualiza\u010dn\u00edho minimalismu, kde se zpravidla setk\u00e1te pouze s jednou barvou. Z hlediska minimalismu je to pochopiteln\u00e9, proto\u017ee jeho hlavn\u00ed a jedinou funkc\u00ed je maximalizovat informa\u010dn\u00ed sd\u011blen\u00ed. Funkce estetick\u00e1 je tedy na druh\u00e9, ne-li a\u017e na t\u0159et\u00ed koleji.<\/p>\n

\"Porovn\u00e1n\u00ed<\/a>

Porovn\u00e1n\u00ed minimalistick\u00e9 a zmate\u010dn\u00e9 neminimalistick\u00e9 vizualizace
Zdroj:Chapter 10 Tufte\u2019s Principles of Data-Ink | Community contributions for EDAV Fall 2019<\/i><\/a> \/ <\/i>WTF Visualizations<\/i><\/a><\/p><\/div>\n

Av\u0161ak kv\u016fli estetice obvykle tvo\u0159\u00edme grafy a dashboardy barevn\u00e9. Zkr\u00e1tka chceme, aby n\u00e1\u0161 v\u00fdstup lahodil oku. Je to \u0161patn\u011b? Samoz\u0159ejm\u011b \u017ee ne, nicm\u00e9n\u011b mus\u00edme myslet na to, \u017ee z hlediska datov\u00fdch vizualizac\u00ed nikdy nesm\u00ed p\u0159ev\u00e1\u017eit estetick\u00e1 funkce nad informa\u010dn\u00ed. \u0160patn\u00fdm zvolen\u00edm barev m\u016f\u017eeme nejen sn\u00ed\u017eit informa\u010dn\u00ed hodnotu vizualizace, ale i kompletn\u011b zm\u011bnit jej\u00ed vyzn\u011bn\u00ed. Grafy tak mohou b\u00fdt manipulativn\u00ed a my  se tak m\u016f\u017eeme dopustit i misinformace.<\/p>\n

V n\u011bkter\u00fdch p\u0159\u00edpadech je ale pou\u017eit\u00ed barev na m\u00edst\u011b. Pokud z\u016fstaneme u estetick\u00e9 roviny, barvy nap\u0159\u00edklad respektuj\u00ed firemn\u00ed identitu klienta, pro kter\u00e9ho dashboard tvo\u0159\u00edme. V tomto p\u0159\u00edpad\u011b by n\u00e1m m\u011bl klient poskytnout sv\u016fj grafick\u00fd manu\u00e1l s barvami, kter\u00e9 je mo\u017en\u00e9 pro vizualizace pou\u017e\u00edt. Ne v\u0161echny firmy ale t\u00edmto manu\u00e1lem disponuj\u00ed. Rovn\u011b\u017e nen\u00ed v\u00fdjimkou, \u017ee grafick\u00fd manu\u00e1l existuje, ale jeho barevn\u00e1 paleta neodpov\u00edd\u00e1 po\u017eadavk\u016fm na p\u0159\u00edstupnost (viz n\u00ed\u017ee).<\/p>\n

Mohou m\u00edt barvy jinou funkci ne\u017e estetickou? Samoz\u0159ejm\u011b! Ve sv\u011bt\u011b marketingu a marketingov\u00fdch dashboard\u016f se velmi \u010dasto setk\u00e1v\u00e1me s nutnost\u00ed rozli\u0161en\u00ed jednotliv\u00fdch dimenz\u00ed. V tomto p\u0159\u00edpad\u011b se typicky jedn\u00e1 o rozli\u0161en\u00ed zdroj\u016f n\u00e1v\u0161t\u011bv, v\u00fdkonnosti jednotliv\u00fdch kategori\u00ed produkt\u016f nebo pou\u017e\u00edvan\u00fdch za\u0159\u00edzen\u00ed.<\/p>\n

\"Konven\u010dn\u00ed<\/a>

Konven\u010dn\u00ed pou\u017eit\u00ed barevn\u00e9 \u0161k\u00e1ly
Zdroj:Energetick\u00fd \u0161t\u00edtek p\u0159i prodeji rodinn\u00e9ho domu \u010di bytu: v\u0161e co pot\u0159ebujete v\u011bd\u011bt<\/i><\/a><\/p><\/div>\n

V neposledn\u00ed \u0159ad\u011b m\u016f\u017ee ur\u010dit\u00e1 barva n\u00e9st konkr\u00e9tn\u00ed v\u00fdznam. S t\u00edmto se setk\u00e1v\u00e1me \u010dasto p\u0159i zobrazen\u00ed odpov\u011bd\u00ed na uzav\u0159en\u00e9 ot\u00e1zky typu ano\/ne. Toto k\u00f3dov\u00e1n\u00ed by m\u011blo respektovat konvence, proto\u017ee ka\u017edou barvu vn\u00edm\u00e1me v jin\u00e9m kontextu. Nez\u0159\u00eddka se m\u016f\u017eeme setkat i se zobrazen\u00edm samotn\u00fdch barev v grafu nap\u0159. p\u0159i reportov\u00e1n\u00ed obl\u00edben\u00fdch barevn\u00fdch kombinac\u00ed v\u00fdrobk\u016f z e-shopu, kter\u00e9 z\u00e1kazn\u00edci \u010dasto nakupuj\u00ed.<\/p>\n

Zlat\u00e1 st\u0159edn\u00ed cesta<\/h2>\n

Datov\u011b-vizualiza\u010dn\u00ed minimalismus je extr\u00e9mn\u00edm p\u0159\u00edkladem maximalizace informa\u010dn\u00ed hodnoty. Jeho principy bychom m\u011bli m\u00edt na pam\u011bti p\u0159i tvorb\u011b jak\u00e9hokoliv dashboardu \u010di grafu. Nejv\u011bt\u0161\u00ed slabinou minimalismu je ale neatraktivita. Ve zkratce \u2013 grafy jsou sice funk\u010dn\u00ed a p\u0159ehledn\u00e9, ale nikomu se extra nel\u00edb\u00ed. S t\u00edm se poj\u00ed i n\u00edzk\u00e9 zapamatov\u00e1n\u00ed graf\u016f. Kv\u016fli n\u00edzk\u00e9 atraktivit\u011b si lid\u00e9 takov\u00e9 vizualizace h\u016f\u0159e vybavuj\u00ed, co\u017e m\u016f\u017ee b\u00fdt probl\u00e9m. Od radik\u00e1ln\u00edho minimalismu se m\u016f\u017eeme oprostit n\u011bkolika zp\u016fsoby. Lze pou\u017e\u00edt 3D efekt, zobrazit podkladov\u00fd grid<\/i>, pou\u017e\u00edt st\u00ednov\u00e1n\u00ed nebo vlo\u017eit do grafu pozad\u00ed. V\u0161emi t\u011bmito prvky ale v\u00edce \u010di m\u00e9n\u011b sn\u00ed\u017e\u00edme informa\u010dn\u00ed hodnotu vizualizace a jej\u00ed p\u0159ehlednost.<\/p>\n

\"Uk\u00e1zka<\/a>

Uk\u00e1zka informativn\u00edch a neinformativn\u00edch prvk\u016f ve vizualizac\u00edch
Zdroj: Chart Junk - InfoVis:Wiki<\/i><\/a><\/i><\/p><\/div>\n

Radik\u00e1ln\u00ed minimalismus m\u016f\u017eeme zm\u00edrnit i pomoc\u00ed barev. Pokud je pou\u017eijeme spr\u00e1vn\u011b, neovlivn\u00ed \u010distotu ani vyzn\u011bn\u00ed vizualizace. Naopak mohou i p\u0159isp\u011bt k lep\u0161\u00ed srozumitelnosti (nap\u0159. v rozli\u0161ov\u00e1n\u00ed v\u00edce dimenz\u00ed). I zde ov\u0161em plat\u00ed, \u017ee bychom m\u011bli naj\u00edt zlatou st\u0159edn\u00ed cestu. Pou\u017eit\u00e9 barvy by rozhodn\u011b nem\u011bly sn\u00ed\u017eit \u010ditelnost grafu. Na\u0161im ultim\u00e1tn\u00edm c\u00edlem je tedy vytvo\u0159it vizualizaci, kter\u00e1 bude maxim\u00e1ln\u011b informativn\u00ed, ale z\u00e1rove\u0148 i dostate\u010dn\u011b atraktivn\u00ed.<\/p>\n

Nej\u010dast\u011bj\u0161\u00ed chyby a jak se jich vyvarovat<\/h2>\n

Vizualiza\u010dn\u00ed n\u00e1stroje n\u00e1m v dne\u0161n\u00ed dob\u011b poskytuj\u00ed t\u00e9m\u011b\u0159 neomezen\u00e9 mo\u017enosti. Cel\u00fd dashboard si m\u016f\u017eeme vymyslet \u00fapln\u011b sami, vizualizace skl\u00e1dat z p\u0159edp\u0159ipraven\u00fdch \u0161ablon nebo pou\u017e\u00edt u\u017e hotov\u00fd dashboard a pouze doplnit data. To sam\u00e9 se t\u00fdk\u00e1 barev, p\u0159i\u010dem\u017e vizualiza\u010dn\u00ed n\u00e1stroje n\u00e1m mnohdy nab\u00edz\u00ed u\u017e p\u0159edp\u0159ipravenou barevnou paletu. Stejn\u011b tak si m\u016f\u017eeme tuto paletu vytvo\u0159it.<\/p>\n

Nejde ale jen o zvolen\u00ed spr\u00e1vn\u00fdch barev. Z\u00e1sadn\u00ed  je jejich n\u00e1sledn\u00e9 pou\u017eit\u00ed, kter\u00e9 m\u016f\u017ee b\u00fdt dost problematick\u00e9.<\/p>\n

Nerespektov\u00e1n\u00ed spole\u010densk\u00fdch konvenc\u00ed<\/h3>\n

Ka\u017ed\u00e1 kultura a spole\u010dnost si definovala sv\u016fj jazyk barev. Lid\u00e9 pou\u017e\u00edvaj\u00ed barvy jako jeden z v\u00fdrazov\u00fdch prost\u0159edk\u016f, kter\u00fdm vyjad\u0159uj\u00ed sv\u00e9 emoce \u010di pot\u0159eby. Je to forma komunikace. Tak\u00e9 datov\u00e9 vizualizace komunikuj\u00ed data a jako informa\u010dn\u00ed objekt jsou ned\u00edlnou sou\u010d\u00e1st\u00ed na\u0161eho sv\u011bta. P\u0159i jejich tvorb\u011b proto mus\u00edme respektovat zab\u011bhl\u00e9 konvence, jinak je mo\u017en\u00e9, \u017ee p\u0159\u00edjemci vizualizaci pochop\u00ed \u0161patn\u011b.<\/p>\n

P\u0159\u00edkladem v\u00fdznamu barev je mnoho. V na\u0161\u00ed spole\u010dnosti se \u010dern\u00e1 barva poj\u00ed se smutkem \u010di n\u011bjakou trag\u00e9di\u00ed. Vyv\u011b\u0161uj\u00ed se \u010dern\u00e9 vlajky a na poh\u0159by nos\u00edme \u010dern\u00e9 oble\u010den\u00ed. B\u00edl\u00e1 barva oproti tomu zna\u010d\u00ed  \u010distotu a nevinnost. B\u00edl\u00e9 oble\u010den\u00ed se proto nos\u00ed nap\u0159\u00edklad na svatb\u00e1ch. S b\u00edlou a \u010dernou barvou se p\u0159i tvorb\u011b vizualizac\u00ed \u010dasto nesetk\u00e1me, a pokud u\u017e ano tak ur\u010dit\u011b ne ve form\u011b prim\u00e1rn\u00edch barev.<\/p>\n

S \u010d\u00edm se ale m\u016f\u017eeme setkat velmi \u010dasto (a v marketingu a analytice obzvl\u00e1\u0161\u0165) je \u010derven\u00e1 a zelen\u00e1 barva. Tyto barvy obvykle pou\u017e\u00edv\u00e1me p\u0159i zn\u00e1zorn\u011bn\u00ed zisku \u010di ztr\u00e1ty, odpov\u011bd\u00ed na uzav\u0159en\u00e9 ot\u00e1zky (ano\/ne) nebo nap\u0159\u00edklad jako vyj\u00e1d\u0159en\u00ed kladn\u00fdch a z\u00e1porn\u00fdch odchylek. Mimo datov\u00e9 vizualizace tyto barvy asociujeme i s jevy v b\u011b\u017en\u00e9m \u017eivot\u011b, nap\u0159\u00edklad s dopravn\u00edm semaforem. Zelen\u00e1 je pozitivn\u00ed, bezpe\u010dn\u00e1, m\u016f\u017eeme jet. \u010cerven\u00e1 je prav\u00fdm opakem \u2013 negativn\u00ed, znak nebezpe\u010d\u00ed, nem\u016f\u017eeme jet.<\/p>\n

\"Pou\u017eit\u00ed<\/a>

Pou\u017eit\u00ed barev, kter\u00e9 nerespektuje spole\u010densk\u00e9 konvence
Zdroj:Pie Charts \u2013 How Bad are They Really?<\/i><\/a> \/ <\/i>Social Anxiety and the Effects of Engaging in Mental Imagery<\/i><\/a> <\/i><\/p><\/div>\n

Jazyk barev je spojen\u00fd i se zn\u00e1zorn\u011bn\u00edm teploty, kdy modr\u00e1 zna\u010d\u00ed n\u00edzkou teplotu a \u010derven\u00e1 vysokou.<\/p>\n

U barev je pot\u0159eba br\u00e1t v potaz, \u017ee se jedn\u00e1 o spole\u010densk\u00e9 konotace a jednotliv\u00e9 barvy mohou m\u00edt r\u016fzn\u00e9 v\u00fdznamy v jin\u00fdch kulturn\u00edch prost\u0159ed\u00edch. V USA je nap\u0159\u00edklad zelen\u00e1 barvou pen\u011bz a tak ji i pou\u017e\u00edvaj\u00ed. V n\u011bkter\u00fdch \u010d\u00e1stech Asie se na poh\u0159by naopak nos\u00ed b\u00edl\u00e1 barva atd.<\/p>\n

\"Uk\u00e1zka<\/a>

Uk\u00e1zka barev jednotliv\u00fdch politick\u00fdch subjekt\u016f
Zdroj:\u010cesk\u00e1 televize<\/i><\/p><\/div>\n

Nesm\u00edme zapomenout ani na konvence, kter\u00e9 nastavuje medi\u00e1ln\u00ed sf\u00e9ra. Typick\u00fdm p\u0159\u00edkladem je p\u0159i\u0159azov\u00e1n\u00ed barev jednotliv\u00fdm politick\u00fdm subjekt\u016fm. Tato barva velmi \u010dasto vych\u00e1z\u00ed ze samotn\u00e9 identity politick\u00e9 strany \u010di hnut\u00ed. Nicm\u00e9n\u011b kv\u016fli omezen\u00e9mu po\u010dtu barev je n\u011bkdy nutn\u00e9 vybrat i jin\u00e9 barvy. Jakmile se ur\u010dit\u00e1 barva zvol\u00ed, st\u00e1v\u00e1 se pro stranu rozpozn\u00e1vac\u00edm znakem a p\u0159\u00edpadn\u00e1 zm\u011bna nebo zam\u011bn\u011bn\u00ed s jin\u00fdm politick\u00fdm subjektem by mohly zp\u016fsobit zmatek.<\/p>\n

P\u0159\u00edli\u0161 mnoho barev<\/h3>\n

Dal\u0161\u00edm \u010dast\u00fdm jevem b\u00fdv\u00e1 velk\u00e9 mno\u017estv\u00ed dimenz\u00ed v jednom grafu. Z na\u0161eho oboru se jedn\u00e1 nap\u0159. o pot\u0159ebu porovn\u00e1n\u00ed n\u011bkolika zdroj\u016f n\u00e1v\u0161t\u011bv nebo o porovn\u00e1n\u00ed v\u00edce kategori\u00ed. Tato porovn\u00e1n\u00ed realizujeme zpravidla skrze liniov\u00e9 grafy nebo v hor\u0161\u00edm p\u0159\u00edpad\u011b skrze kol\u00e1\u010dov\u00e9 vizualizace. U t\u011bchto dvou typ\u016f vizualizac\u00ed hraj\u00ed barvy velkou roli, proto\u017ee prost\u0159ednictv\u00edm nich a p\u0159ilo\u017een\u00e9 legendy dek\u00f3dujeme jednotliv\u00e9 dimenze.<\/p>\n

\"Nevhodn\u011b<\/a>

Nevhodn\u011b zvolen\u00e9 barvy jednotliv\u00fdch dimenz\u00ed
Zdroj:WTF Visualizations<\/i><\/a> <\/i><\/p><\/div>\n

Prvn\u00edm probl\u00e9mem je nevhodn\u00e9 zvolen\u00ed barev. Zvl\u00e1\u0161t\u011b u liniov\u00fdch vizualizac\u00ed bychom se m\u011bli vyvarovat pou\u017eit\u00ed barevn\u00e9 \u0161k\u00e1ly, proto\u017ee n\u00e1m jednotliv\u00e9 dimenze budou spl\u00fdvat.
\nProbl\u00e9mem v\u011bt\u0161inou neb\u00fdv\u00e1 zvolen\u00e1 barevn\u00e1 \u0161k\u00e1la nebo paleta, ale samotn\u00fd po\u010det dimenz\u00ed, kter\u00e9 chceme zobrazit. Zpravidla se p\u0159i n\u00e1vrz\u00edch vizualiza\u010dn\u00edch manu\u00e1l\u016f pou\u017e\u00edv\u00e1 \u010dty\u0159i nebo p\u011bt prim\u00e1rn\u00edch barev. Ka\u017edou z nich pak m\u016f\u017eeme pou\u017e\u00edt pro reprezentaci jedn\u00e9 dimenze. P\u0159i vy\u0161\u0161\u00edm po\u010dtu barev se dostaneme do st\u00e1dia, kdy barvy u\u017e nebudou tolik kontrastn\u00ed nebo nebude mo\u017en\u00e9 zachovat pravidla p\u0159\u00edstupnosti viz n\u00ed\u017ee.<\/p>\n

\"P\u0159\u00edklad<\/a>

P\u0159\u00edklad velk\u00e9ho mno\u017estv\u00ed pou\u017eit\u00fdch dimenz\u00ed
Zdroj:WTF Visualizations<\/i><\/a> <\/i><\/p><\/div>\n

Jak ale zvolit barvy, pokud chci vizualizovat v jednom grafu nap\u0159\u00edklad \u0161est dimenz\u00ed? Jednoduchou odpov\u011bd\u00ed je: nijak! Pokud pot\u0159ebujete v\u00edce ne\u017e p\u011bt prim\u00e1rn\u00edch barev, d\u011bl\u00e1te n\u011bco \u0161patn\u011b. V tomto p\u0159\u00edpad\u011b byste m\u011bli p\u0159em\u00fd\u0161let o jin\u00e9m typu vizualizace nebo o sjednocen\u00ed n\u011bkter\u00fdch dimenz\u00ed. To m\u016f\u017eete ud\u011blat skrze nad\u0159azenou kategorii.  Rovn\u011b\u017e je mo\u017en\u00e9 data rozd\u011blit do v\u00edce vizualizac\u00ed nebo pou\u017e\u00edt small multiples<\/a>.<\/p>\n

\u0160patn\u00e9 nastaven\u00ed barevn\u00e9 \u0161k\u00e1ly<\/h3>\n

P\u0159i v\u00fdb\u011bru barevn\u00e9 palety n\u011bkdy vol\u00edme v\u00edce odst\u00edn\u016f stejn\u00e9 barvy. V tomto p\u0159\u00edpad\u011b budeme pracovat se saturac\u00ed nebo-li sytost\u00ed barvy. Zde plat\u00ed, \u017ee \u010d\u00edm v\u00edce je barva syt\u011bj\u0161\u00ed, respektive intenzivn\u011bj\u0161\u00ed, t\u00edm vy\u0161\u0161\u00ed hodnotu reprezentuje. Krom\u011b jednobarevn\u00e9 \u0161k\u00e1ly je mo\u017en\u00e9 rovn\u011b\u017e pou\u017e\u00edt i dvoubarevnou \u010di dokonce t\u0159\u00edbarevnou.<\/p>\n

Tento p\u0159\u00edstup se vyu\u017e\u00edv\u00e1 p\u0159edev\u0161\u00edm k reprezentaci dat u geovizualizac\u00ed, proto\u017ee u tohoto typu grafu nem\u00e1me \u017e\u00e1dn\u00e9 osy, skrze kter\u00e9 bychom mohli vyj\u00e1d\u0159it hodnoty.<\/p>\n

\"Praktick\u00fd<\/a>

Praktick\u00fd p\u0159\u00edklad manipulace s daty prost\u0159ednictv\u00edm chybn\u011b nastaven\u00e9 \u0161k\u00e1ly
Zdroj:WTF Visualizations<\/i><\/a> <\/i><\/p><\/div>\n

P\u0159i pou\u017eit\u00ed barevn\u00e9 \u0161k\u00e1ly je d\u016fle\u017eit\u00e9 pou\u017e\u00edvat nap\u0159\u00ed\u010d jednotliv\u00fdmi vizualizacemi stejn\u00e9 nastaven\u00ed. V p\u0159ipad\u011b nekonzistentence mohou v\u00fdsledky vypadat z\u00e1va\u017en\u011bji, ne\u017e ve skute\u010dnosti jsou. Rovn\u011b\u017e bychom se m\u011bli vyvarovat p\u0159\u00edli\u0161n\u00e9ho pou\u017e\u00edv\u00e1n\u00ed extr\u00e9mn\u00edch hodnot, respektive si schovat nejsyt\u011bj\u0161\u00ed barvu pro extr\u00e9mn\u00ed p\u0159\u00edpady. V opa\u010dn\u00e9m p\u0159\u00edpad\u011b se n\u00e1m z vizualizace m\u016f\u017ee st\u00e1t velmi saturovan\u00fd flek, ze kter\u00e9ho nebude mo\u017en\u00e9 nic vy\u010d\u00edst. Bude pak p\u016fsobit sp\u00ed\u0161e jako infografika, kter\u00e1 m\u00e1 vyvolat emoce strachu a nebezpe\u010d\u00ed. To m\u016f\u017eete vid\u011bt na obr\u00e1zku v\u00fd\u0161e.<\/p>\n

Vytvo\u0159en\u00ed nez\u00e1m\u011brn\u00fdch asociac\u00ed<\/h3>\n

V neposledn\u00ed \u0159ad\u011b je d\u016fle\u017eit\u00e9 zm\u00ednit i problematiku nez\u00e1m\u011brn\u00fdch asociac\u00ed, kter\u00e1 prostupuje v\u0161emi v\u00fd\u0161e zm\u00edn\u011bn\u00fdmi probl\u00e9my. Ve zkratce: t\u011bchto asociac\u00ed se chceme vyvarovat, proto\u017ee datovou vizualizac\u00ed komunikujeme data. Pot\u0159ebujeme, aby lid\u00e9 interpretovali data spr\u00e1vn\u011b a nechceme, aby tato data skrze barvy implikovala mo\u017en\u00fd n\u00e1zor nebo postoj vizualiz\u00e1tora.<\/p>\n

P\u0159\u00edkladem je pou\u017e\u00edvan\u00ed zelen\u00e9 a \u010derven\u00e9 barvy v p\u0159\u00edpadech, kdy nezobrazujeme ano\/ne \u010di pozitivn\u00ed\/negativn\u00ed hodnoty. Dal\u0161\u00edm p\u0159\u00edkladem je kvantifikace barev (nap\u0159. zakoupen\u00e9ho oble\u010den\u00ed), kdy barvy ve vizualizac\u00edch nekoresponduj\u00ed s n\u00e1zvy zobrazen\u00fdch barev.<\/p>\n

S nez\u00e1m\u011brn\u00fdmi asociacemi se m\u016f\u017eeme setkat i v p\u0159\u00edpad\u011b modr\u00e9 a r\u016f\u017eov\u00e9 barvy. Pokud porovn\u00e1v\u00e1me v\u00fdkonnost dvou pracovn\u00edch t\u00fdm\u016f a jeden z nich zn\u00e1zorn\u00edme modrou barvou a druh\u00fd r\u016f\u017eovou, m\u016f\u017eeme vytvo\u0159it nez\u00e1m\u011brnou asociaci toho, \u017ee jsou t\u00fdmy rozd\u011bleny podle pohlav\u00ed (modr\u00e1 pro mu\u017ee, r\u016f\u017eov\u00e1 pro \u017eeny).<\/p>\n

Pozor si mus\u00edme d\u00e1t i na pou\u017e\u00edv\u00e1n\u00ed typick\u00fdch barev pro ur\u010dit\u00e9 zna\u010dky \u010di n\u00e1stroje.<\/p>\n

Ot\u00e1zka p\u0159\u00edstupnosti<\/h2>\n

Problematika p\u0159\u00edstupnosti se v posledn\u00ed dob\u011b \u0159e\u0161\u00ed pom\u011brn\u011b intenzivn\u011b. Jinak tomu nen\u00ed ani v oblasti datov\u00fdch vizualizac\u00ed. Z pohledu barev jsem se j\u00ed samostatn\u011b v\u011bnoval v tomto \u010dl\u00e1nku<\/a>. Byl by ale h\u0159\u00edch neza\u0159adit ji do tohoto v\u00fd\u010dtu, a to p\u0159edev\u0161\u00edm proto, \u017ee se na ni velmi \u010dasto zapom\u00edn\u00e1.<\/p>\n

V kontextu datov\u00fdch vizualizac\u00ed, barev a p\u0159\u00edstupnosti jsou prim\u00e1rn\u00edm t\u00e9matem zrakov\u00e9 vady, a to p\u0159edev\u0161\u00edm n\u011bkter\u00e9 z forem slepoty  anebo poruchy barvocitu.<\/p>\n

Z hlediska \u00fapln\u00e9 \u010di \u010d\u00e1ste\u010dn\u00e9 absence zraku je d\u016fle\u017eit\u00e9 vyu\u017e\u00edvat vizualiza\u010dn\u00ed n\u00e1stroje, kter\u00e9 umo\u017en\u00ed asistivn\u00edm \u010dte\u010dk\u00e1m \u201ep\u0159e\u010d\u00edst\u201c obsah vizualizace, respektive interpretovat data jinou formou, u kter\u00e9 nen\u00ed nutn\u00e9 vyu\u017e\u00edt zrak. U t\u011bchto poruch zraku nen\u00ed tak barevnost t\u00e9matem.<\/p>\n

Z pohledu barev a jejich pou\u017eit\u00ed v datov\u00fdch vizualizac\u00edch je daleko v\u011bt\u0161\u00edm t\u00e9matem barvoslepost, respektive v\u0161echny typy poruchy barvocitu.<\/p>\n

\"Vn\u00edm\u00e1n\u00ed<\/a>

Vn\u00edm\u00e1n\u00ed vizualizac\u00ed s r\u016fzn\u00fdmi poruchami barvocitu<\/p><\/div>\n

Poruchy barvocitu rozli\u0161ujeme na n\u011bkolik druh\u016f:<\/p>\n