Este documento discute infografia e visualização de dados. Explica que visualização de dados divide-se em diferentes áreas e que infografias e visualizações objetivam facilitar a compreensão de informações complexas através de imagens simples. Também discute fluxos de trabalho, ferramentas, exemplos e referências nesta área.

1. PUiS | Oficina Improvável
Infografia e Visualização
Marta Pinto & Ivo Fonseca

2. O que é?Infografia e
Visualização

3. O termo visualização nos últimos 25 anos fragmentou-se em
diferentes áreas:
• Information Visualization;
• Data Visualization;
• Scientific Visualization;
• Software Visualization;
• Geographic Visualization;
• Knowledge Visualization;
• Flow Visualization;
• Music Visualization.
Infografia e
Visualização

4. “A graphic representattion is not
merely a drawing, but often entails a
heavy responsability when deciding
on how to proceed. One does not
draw a ‘graphic’ representation in a
solid form; instead one constructs it
and rearranges it until every
relationship between the data has
been revealed”. (Bertin 1967)
Infografia e
Visualização

5. “Data and information visualization
are fundamentally about showing
quantitative and qualitative
information so that a viewer can see
patterns, trends, or anomalies,
constancy or variation, in ways that
other forms – text and tables – do
not allow."
Infografia e
Visualização

6. Difícil definir… texto, imagem e formas geométricas estão
entrelaçados.
•Representação visual da informação;
•Representação visual de dados.
Facilitar a compreensão da informação, será converter
problemas complexos em imagens simples de entender.
Infografia e
Visualização

7. Na visualização
distingue-se entre
a interativa e a
estática
Entre dados
quantitativos e
informação
qualitativa
Os dados são
numéricos e
tradicionalmente
representados
por diagramas
abstratos
Infográficos
representam a
qualidade das
relações dos
dados

12. Manuel Lima, 2012

13. Royksop - Remind Me

14. Vamos à narrativa…Transformar a
visualização
em histórias e
“big pictures”

15. Podem-se usar elementos destinados à representação dos
dados.
• Tipos de dados?
• Temporais?
• Geográficos?
• Qualitativos: texto, numéricos?
• Quantitativos: numéricos puros, estatísticos?
Transformar a
visualização
em histórias e
“big pictures”

16. Ou elementos que ajudam a desenhar o contexto alargado…Transformar a
visualização
em histórias e
“big pictures”
Carlos Monteiro

18. “This type of graphic is normally
comprised of a long stripe with a
variety of elements, such as maps,
uncanny clipart, miscellaneous
charts, large text and bulky
numbers. But despite their lavish
diversity, many of these examples
lack one critical trait: design
excellence.”
Anatomia de
uma infografia

19. Manuel Lima, 2011

21. • Investigar o tema tratado;
• Dirigir ao publico alvo;
• Decidir as mensagens chave a comunicar;
• Encontrar a forma adequada de representação;
• Considerar as limitações/possibilidades dos meios
utilizados.
Fluxo de
trabalho

22. Fluxo de
trabalho

23. • Infogram http://infogr.am/
• Many Eyes
http://www-958.ibm.com/software/analytics/labs/manyeyes/
• Raw http://raw.densitydesign.org/
Ferramentas

24. • Chicas Poderosas http://www.chicaspoderosas.org/
• Pedro Miguel Cruz http://pmcruz.com/
• http://drmusikman.wix.com/infografia#!
• http://
www.visualcomplexity.com/vc/blog/year_info.html
• http://www.visualcomplexity.com/vc/blog/?p=1138
• http://www.ionline.pt/infografias
• http://www.infografando.com
• http://www.good.is/infographics
• http://www.khulsey.com
• http://infosthetics.com
• http://www.johngrimwade.com
• http://infographicsnews.blogspot.com
• http://www.anyformsdesign.com
• http://static.publico.clix.pt/homepage/infogra afi
• http://www.coolinfographics.com/
Links

25. • Informotion: animated infographics; co-edited by Stefan Fichtel. Berlin :
Gestalten, 2012. 208 p.
• Information Graphics; Sandra Rendgen, Julius Wiedemann. Taschen.
480 p.
• Tufte, Edward Rolfe, 1942- - Beautiful evidence. Cheshire (CT) :
Graphics Press, cop. 2006. 213 p.
• Tufte, Edward Rolfe, 1942- - Envisioning information. Cheshire (CT) :
Graphics Press, 1994 reimpr. 126 p.
• Tufte, Edward Rolfe, 1942- - The visual display of quantitative
information. 2nd ed. Cheshire : Graphics Press, 2001. 197 p.
• Lima, Manuel, 1978- - Visual complexity : mapping patterns of
information. New York (NY) : Princeton Architectural Press, cop. 2011.
272 p.
• McCandless, David - Information is beautiful. London : Collins, 2009.
255 p.
Referências