1 Kurs interaktywnej komunikacji wizualnej NARZĘDZIA WIZUALIZACJI Andrzej Łachwa [email protected] 1/8 © Andrzej Łachwa, 2013
2 Treść zajęć 1przykłady grafik informacyjnych 2jak wybrać temat i skąd wziąć dane 3przykłady wizualizacji interaktywnych 4bazy danych (SQLite) 5 dokumentacja projektu 6biblioteki JavaScript do wizualizacji danych 7 przykłady narzędzi 8zasady tworzenia projektu graficznego © Andrzej Łachwa, 2013
3 Grafika informacyjna (infografika) to wizualizacja wiedzy, informacji bądź danych, które są trudne do zrozumienia w postaci oryginalnej. © Andrzej Łachwa, 2013
4 WIZUALIZACJI WIEDZY studium przypadku www.tenbyten.org www.wordcount.org www.wordle.net © Andrzej Łachwa, 2013
5
6 www.wordle.net (grudzień 2012) © Andrzej Łachwa, 2013
7 www.wordle.net (grudzień 2012) © Andrzej Łachwa, 2013
8 www.wordcount.org (grudzień 2012)
9 Infografika to pomysł, który zostanie zapamiętany! © Andrzej Łachwa, 2013
10 WIZUALIZACJI DANYCH MAKROEKONOMICZNYCH studium przypadku www.gapminder.org © Andrzej Łachwa, 2013
11 www.gapminder.org/GapminderMedia/wp-uploads/Gapminder-World- 2012.pdf (luty 2013)
12 Infografika to obraz, który łatwo sprzeda trudny temat. © Andrzej Łachwa, 2013
13 WIZUALIZACJI DANYCH POLICYJNYCH NA MAPIE studium przypadku htpp://projects.nytimes.com/crime/homicides/map © Andrzej Łachwa, 2013
14 http://projects.nytimes.com/crime/homicides/map (luty 2013) © Andrzej Łachwa, 2013
15 Infografika nadaje danym i informacjom „graficzny sens”. © Andrzej Łachwa, 2013
16 WIZUALIZACJI DANYCH NUMERYCZNYCH studium przypadku http://visualize.yahoo.com/mail/ © Andrzej Łachwa, 2013
17 http://visualize.yahoo.com/mai l/http://visualize.yahoo.com/mai l/(luty 2013)
18 Nie ma recepty na stworzenie wybitnej infografiki! © Andrzej Łachwa, 2013
19 WIZUALIZACJA RECEPTURY studium przypadku www.lokeshdhakar.com © Andrzej Łachwa, 2013
20 www.lokeshdhakar.com F:\_LATO_2013\Moto\smieci\9_cups_of_coffee_diagram.pdf
21 Infografika to przedmiot sztuki użytkowej. © Andrzej Łachwa, 2013
22 WIZUALIZACJI METOD WIZUALIZACJI studium przypadku www.visual-literacy.org © Andrzej Łachwa, 2013
23 http://www.visual- literacy.org/periodic_table/periodic_table.html