UNIVERSIDADE DE SO PAULO

ESCOLA DE COMUNICAES E ARTES

GABRIELA PORTILHO MATHEUS

GRAMTICA DA INFOGRAFIA: MORFOLOGIA E SINTAXE PARA O DESIGN DE INFORMAO

SO PAULO

2010
1

GABRIELA PORTILHO MATHEUS

GRAMTICA DA INFOGRAFIA: MORFOLOGIA E SINTAXE PARA O DESIGN DE INFORMAO

Monografia apresentada Escola de Comunicaes e Artes da Universidade de So Paulo como requisito parcial obteno do ttulo de bacharel no curso de Jornalismo.

Orientador: Eugnio Bucci

SO PAULO 2010

UNIVERSIDADE DE SO PAULO

ESCOLA DE COMUNICAES E ARTES

Gabriela Portilho Matheus

Gramtica da Infografia: Morfologia e Sintaxe para o Design de Informao

Monografia aprovada em ____/____/____ para obteno do ttulo de Bacharel em Jornalismo.

Banca Examinadora:
_______________________________________ Eugnio Bucci

_______________________________________ Jos Coelho Sobrinho

_______________________________________ Luiz Iria

Aos meus pais, que me ensinaram a seguir as regras e romp-las quando preciso.
4

Agradecimentos

Agradeo, em primeiro lugar aos amigos e profissionais da infografia com quem eu trabalhei ao longo deste cinco anos que, com seu imenso talento e disposio, me ensinaram a respeitar e olhar com seriedade para essa rea da comunicao, como sempre fizeram: Alberto Cairo, Fbio Volpe, Alessandra Kalko, Artur Louback, Marina Motomura, Fabricio Miranda, Bernardo Borges, Diego Sanches e Gabriel Gianordoli que emprestou, com todo o cime, os livros da sua estante. Alm deles, agradeo generosidade dos amigos Danilo Bueno, Danilo Regi e Alex Alprim, que mostraram livros e materiais, tornando mais fcil o caminho da pesquisa, ao professor Eugnio Bucci pelos comentrios sintetizantes e precisos, fundamentais para o andamento do trabalho, e sua secretria, Vera. querida Marina Stivi, agradeo imensamente pela capa deste trabalho, feita em to pouco tempo. Julia Zanolli, Priscilla Vicenzo, Juliana Nakada e a meus pais, agradeo pelo amor incondicional, e pela pacincia de me verem, por tantos finais de semana, respondendo perguntas sem tirar os olhos da tela do computador. Sem vocs, nenhuma realizao teria tanto prazer.

" Cest ne pas une pipe. Ren Magritte

6

Resumo

Apesar de existir como tal desde o sculo XVIII, a infografia volta com novo flego ao jornalismo, principalmente nesta primeira dcada do novo milnio. Mas, apesar de sculos de empirismo, ainda no h muitas compilaes tericas a respeito dos usos dos grficos e tcnicas em infogrficos. O presente trabalho o esboo de um guia prtico de infografia baseado em teorias cognitivas e semiolgicas a fim de proporcionar uma comunicao mais eficaz entre leitor e jornalista.
Palavras-chave: infografia, semiologia, design, design de informao, cognio, infogrficos

Abstract

Although existing such since the eighteenth century, the infographics back with new life to journalism, particularly in this first decade of the new millennium. But despite centuries of empiricism, yet there arent many theoretical compilations regarding the uses of graphics and techniques in information graphics. This work is the outline of a practical guide to computer graphics based on cognitive and semiological theories in order to provide better communication between reader and journalist. Keywords: computer graphics, semiotics, design, information design, cognition, infographics

Sumrio
INTRODUO ......................................................................................................................................... 10 1. A IMPORTNCIA DE SE CONHECER O CDIGO .......................................................................... 12 2. HISTRIA E GRAMTICA - E O QUE ISSO TEM A VER COM INFOGRAFIA ........................................ 15 3. OS PRINCPIOS DE UM BOM INFOGRFICO .............................................................................. 22 4. ELEMENTOS BSICOS - O PONTO DE PARTIDA................................................................................. 23 5. MODOS DE PREPARO - INFOGRFICOS EM CLASSES ................................................................. 26 5.1 Tabelas.......................................................................................................................................... 27 5.2 Mapas de dados. .......................................................................................................................... 29 5.2.1. Principais categorias de mapas de dados............................................................................33 5.2.1.1. Fluxos......................................................................................................................... ......34 5.2.1.2. Mapas de tubo........................................................................................................... ......35 5.3. Sries de tempo ....................................................................................................................... ......38 5.3.1. Principais categorias de infogrficos de sries de tempo...................................................41 5.3.1.1. Linhas...............................................................................................................................41 5.3.1.2. Grficos de barras / Histogramas....................................................................................43 5.3.1.2.1. Barras..........................................................................................................44 5.3.1.2.2. Barras Empilhadas......................................................................................44 5.3.1.2.3. reas empilhadas........................................................................................44 5.3.1.3. Mltiplos..........................................................................................................................45 5.3.1.4. Timeline...........................................................................................................................45 5.3.1.5. Tabela Radial...................................................................................................................46 5.3.1.6. Passo a passo...................................................................................................................47 5.3.1.7. Storyboard.......................................................................................................................48 5.4. Narrativas de Tempo-Espao.........................................................................................................48 5.4.1. Construes diagonais...................................................................................................49 5.4.2. Foras direcionais curvas...............................................................................................52 5.4.3. Foras direcionais nos eixos do equilbrio.....................................................................52 8

5.5. Grficos Relacionais........................................................................................................................53 5.5.1. Grficos de disperso......................................................................................................54 5.5.2. Grficos de "pizza"..........................................................................................................55 5.5.3. Treemaps........................................................................................................................55 6. CORES E TEXTURAS ................................................................................................................. 57 CONCLUSO ............................................................................................................................... 60 REFERNCIAS .............................................................................................................................. 61

Introduo

Para fazer uma boa comida necessrio conhecer os ingredientes. Saber diferenciar os sabores dos aromas, coloc-los na proporo certa para que apenas o necessrio ressalte ao paladar. preciso tambm colocar cada ingrediente a seu tempo, de modo que eles se incorporem lentamente receita e extraiam o melhor de suas propriedades. Aos poucos, h de se criar os temperos dessa alquimia culinria e criar diferentes sabores. E no h dvidas de que, quanto melhor conhecer os ingredientes, mais possibilidades de combinaes acertadas podem surgir. Mas, o modo de fazer, de certa forma, segue um ritual. No design de informao a histria no diferente. Um bom infogrfico, assim como o design de uma boa matria, segue certas regras como a ordem de leitura, a escolha das fontes e ilustraes apropriadas, a coerncia dos signos e o uso de um grupo de smbolos compartilhado com o leitor. sobre um conjunto de normas e conceitos conhecidos e compartilhados tanto em design, como em jornalismo - que o infografista pode criar. No entanto, o design de informao ainda um campo em desenvolvimento, principalmente no Brasil, e estes signos no se encontram em nenhum manual. Assim como os advogados seguem os cdigos; os mdicos, os atlas de anatomia; e, os atletas, as regras do jogo; a infografia tambm tem seu cdigo. Mas ele no est compilado em nenhum manual. Os conhecimentos na rea so adquiridos por meio de livros e outros materiais produzidos, mas, em grande parte, por experincias empricas. As teorias e produes acadmicas na rea de semitica grfica ainda so escassas e derivam, em grande parte, das teorias da Gestalt e da semitica grfica desenvolvida por Jacques Bertin, nos anos 60, cujas publicaes so escassas resumindo-se a poucos exemplares em bibliotecas do mundo. Atualmente, os estudos da rea rumam para estudos cognitivos que demonstram como o crebro responde a determinados estmulos visuais e grficos.
10

O resultado disso um conhecimento ainda muito fragmentado na rea, que representa um caldeiro de infogrficos de significados ambguos e desconexos sendo produzido diariamente nos jornais e revistas, apesar dos grandes avanos na rea, especialmente na ltima dcada. No Brasil, os avanos da infografia ainda so bastante recentes, tornando-se mais populares no incio dos anos 2000, por meio de revistas cientficas como a Superinteressante, Galileu e Mundo Estranho, e, s mais tarde, chegando com frequencia aos jornais dirios. Tentar condensar todo o contedo produzido no assunto tarefa que se estende para muito alm de um trabalho de concluso de curso. A ideia que me cabe aqui organizar uma parte dos contedos acadmicos produzidos sobre design da informao em um guia prtico, uma espcie de gramtica da infografia que sirva como referncia para aqueles que pretendem trabalhar ou estudar o tema. Seria imensa pretenso reunir todos os smbolos e cdigos deste vasto vocabulrio, que est sempre em mutao e que, a cada dia, cria novos smbolos e significados em um trabalho de concluso de curso. Mas, na medida do possvel, a ideia foi reunir e destrinchar os cdigos dos elementos mais teis e frequentes no cotidiano dos infografistas. Assim como a boa comida, um bom infogrfico s se estabelece conhecendo as regras principais. S a partir do conhecimento profundo dos ingredientes possivel fazer combinaes mais saborosas e criativas. Seja na culinria, ou na infografia, conhecer as regras fundamental para conseguir romp-las.

11

1. A IMPORTNCIA DE SE CONHECER O CDIGO

O infogrfico abaixo foi publicado em fevereiro de 2008, pelo jornal The New York Times, compilando os dados das bilheterias de filmes americanos de 1986 at 2008, no qual so apresentados os altos e baixos das receitas dos filmes ao longo dos anos. Mas, a escolha deste exemplo no foi a esmo. O primeiro motivo que este foi o infogrfico vencedor da medalha de ouro na 17 edio do Malofiej, o mais importante prmio de infografia do mundo. A segunda razo para esta escolha que qualquer leitor mdio, ou mesmo os mais habituados com a leitura deste tipo de grfico, tem imensas dificuldades em compreend-lo - o que mexeu com a crtica de infografistas de toda a parte. Vamos analis-lo:

12

Figura 1: The Ebb and Flow of Movies: Box Offices Receipts 1986-2008 Fonte: The New York Times, 2008.

13

Por ser uma gigantesca compilao de dados, de antemo, ainda nas legendas, duas instrues so descritas para melhor compreender o grfico: a de que a altura das ondas representa a receita proveniente dos filmes, enquanto a amplitude representa a sua longevidade. Enquanto a rea de cada filme representa a renda domstica bruta, variando em maior ou menor conforme a colorao. Ou seja, a anlise de cada filme leva em considerao quatro variveis: a receita arrecadada durante os perodos em que ele esteve nos cinemas, o tempo do filme em cartaz, a arrecadao total e a quantidade arrecadada. No entanto, essas mesmas variveis se aplicam a centenas de filmes sobrepostos ao longo de uma linha de tempo de 22 anos. Agora, tente, por exemplo, comparar a bilheteria bruta (medida pela rea) de O senhor dos Anis (Lord of the Rings) com Monstros S.A. A comparao fica praticamente impossvel, pois o crebro no consegue identificar essas duas reas, at porque, elas no compartilham do mesmo eixo. Talvez aqui, neste infogrfico, que tm seus mritos por ser belo, atrair a ateno do leitor e compilar uma quantidade gigante de informaes em apenas uma pgina e inovar em um formato, o problema se d quando analisamos a clareza, a funcionalidade. O New York Times peca por complexificar demais e perder o ponto fundamental da infografia, que esclarecer o leitor. Em um artigo publicado em maro de 2009 1, o infografista Alberto Cairo afima que, a cada tipo de informao corresponde um modo de codificao adequado: algumas histrias necessitam de texto, outras de vdeo, udio ou infografia. E, mesmo dentro da prpria infografia esse padro se repete como em um loop fractal: para visualizar a informao, cada tipo de dado requer um estilo visual diferente: A forma depende da funo. Antes de executar um infogrfico, o jornalista deve perguntar-se qual a tarefa que o grfico pretende facilitar.

CAIRO, Alberto. De modas y prmios: reflexiones sobre Malofiej. Visualpolis. 29 de marzo de 2009. Disponvel em: http://albertocairo.com/infografia/articulos/2009/malofiej2009.html)

14

2. HISTRIA E GRAMTICA E O QUE ISSO TEM A VER COM INFOGRAFIA O uso de figuras no-representacionais e abstratas uma inovao recente na histria da humanidade, devido, provavelmente, aquisio de habilidades adquiridas tardiamente pela sociedade como as artsticas-visuais, empricasestatsticas, e as matemticas, que s afloraram no entre os sculos XVIII e XIX. (TUFTE, 1990) Embora muitos esboos misturando ilustraes tenham sido feitos anteriormente, at mesmo nas obras de Leonardo da Vinci e Charles Darwin, foi apenas entre 1750 e 1800 que os grficos estatsticos passaram a existir aps alguns triunfos ingnuos da matemtica como os os logaritmos, clculos e as os coordenadas cartesianas, por exemplo.

conhecimentos bsicos da teoria da probabilidade,

Um dos primeiros estudiosos a desenvolver e aprofundar os fundamentos do design grfico foi o

Figura 2: Studies of Embryos. Leonardo da Vinci, 1510-1513

economista poltico escocs William Playfair (1759-1823), que, alm de dar novo flego s representaes visuais, teorizou pela primeira vez sobre a funo das representaes grficas, por meio de anlises polticas e econmicas que ele produzia na poca. De acordo com a compilao de Mrio Kanno2, a infografia passou, at o presente momento, por cinco grandes eras:

KANNO, Mario. Marcos na Histria da Visualizao de Dados. 25 de novembro de 2008. Disponvel em: http://www.scribd.com/doc/8447930/Historia-Infografia

15

De 1700 a 1799 Novas frmulas grficas surgem na tentativa de inserir informaes que iam alm da posio geogrfica nos mapas, como o primeiro mapa topogrfico, feito em 1782, por Marcelin du Carla-Boniface, na Frana. Quatro anos depois, William Playfair, produz seu primeiro grfico de barras e linhas com dados econmicos.

Figura 3: The Commercial and Political Atlas. William Playfair. 1786.

16

1800-1849 O incio da infografia moderna: Devido s inovaes tcnicas e cientficas que ocorreram no sculo anterior, foi apenas no incio do sculo XIX que floresceram os principais mtodos de representao infogrfica. Praticamente todas as formas de grficos estatsticos utilizados atualmente foram desenvolvidos durante esta poca. Cartogramas, grficos de pizza, atlas fsicos e diagramas para descrever processos foram as formas mais exploradas.

FIGURA 5: Statistical Breviary. Grfico de pizza por William Playfair. 1801.

FIGURA 6: Mapa geolgico da Inglaterra. William Smith. 1815.

17

1850 a 1900 A era de ouro das estatsticas: nesta poca que surgem na Europa uma diversos escritrios de anlises de dados para planejamento social, indstria, comrcio e transportes. Alm do mais, a teoria estatstica iniciada por Gauss e Laplace d maior cientificidade aos infogrficos. Foi nesta poca tambm que os infogrficos passam a ser incorporados aos jornais, como os de Pullitzer, publicados no Sunday.

FIGURA 7: How far can New York climb into the Sky? Infogrfico ilustrado publicado no The World Magazine. 1907.

FIGURA 8: The Horse in Motion. Srie-tempo organizada por Eadweard Muybridge. 1878.

1900 a 1949 Perodo Negro dos Grficos de Estatstica: No perodo que engloba as duas grandes guerras mundiais, o entusiasmo vivido no sculo passado suplantado pela quantificao e pelos modelos formais. Ainda assim, as tcnicas grficas ficam cada vez mais populares e a visualizao grfica passa a ser utilizada para explicar novas descobertas e teorias.
FIGURA 9: Diagrama de setas publicado por Sewall Wright em 1920.

18

1950 a 1974 Esboo de Renascimento da Visualizao: A infografia passa a ser objeto de estudo acadmico com a Semiologia Grfica de Jacques Bertin e os novos padres e inovaes de John W. Turkey. Ainda neste perodo, os primeiros computadores sinalizam novos rumos para a visualizao grfica.
FIGURA 10: As sete variveis visuais de Jacques Bertin. 1967.

1975 at os dias atuais O computador como nova fronteira No diferentemente de outras reas do conhecimento, o advento da informtica revolucionou tambm a infografia. Inovaes de tcnicas grficas, novas tcnicas de produo em 3D, popularizao de infogrficos em jornais e revistas marcaram esta poca. Proponho ainda, uma subdiviso deste perodo com a era dos bancos de dados, do incio dos anos 2000, at os dias atuais, que propiciou grandes clculos matemticos, compilao de bancos de dados e formas interativas de infografia.

FIGURA 11. How did Europe vote in last year Eurovision Song Contest de Peter Sullivan. Infogrfico online vencedor do prmio Malofiej 18, que premia os maiores infogrficos publicados no ano. 2010.

19

Durante todos estes anos o crebro e os infografistas tambm - aprimoraram sua capacidade de representao e abstrao. Estudos recentes revelam que separamos os objetos em categorias, antes mesmo de identific-los. Quando pensamos em uma cadeira, um armrio, ou uma mesa, categorizamos - mesmo antes de identificar os objetos. Pensamos na cadeira antes como um mvel, ou um objeto para sentar, do que em sua unidade, com suas caractersticas individuais. Tambm no pensamos em todos os tipos possveis, as reclinveis, as de madeira, as de balano. Criamos um padro imaginrio simblico que corresponde ao nosso entendimento de cadeira. graas a essa capacidade de agrupar, detectar relaes, formar associaes e buscar um certo conforto comunicacional3, que conseguimos absorver as informaes do mundo e orden-lo nossa maneira, de modo a compreend-lo. Para tanto, usamos dois principais sistemas de comunicao: o verbal, constitudo por uma linguagem oral, composta de uma estrutura lingustica e sinttica, e uma outra visual, que vai desde as representaes imagticas mais simples at os cdigos semiticos complexos. Enquanto as palavras e frases fazem parte desse sistema verbal de comunicao, as imagens e representaes grficas fazem parte do sistema visual, e portanto, tambm podem ser reduzidas a estruturas menores. Juntas, essas estruturas se organizam em uma espcie de gramtica visual na qual elementos grficos fazem as vezes de verbos e palavras; setas e flechas servem como termos de ligao; bales explicativos e bullets funcionam como aspas ou parnteses, e assim por diante. Combinando imagens, palavras, nmeros e elementos do sistema verbal e visual de comunicao, os infogrficos permeiam duas grandes dimenses da

VENKATESH Rajamanickam, Infographics Seminar Handout ministrado no National Institute Of Design.

Ahmedabad. 2005. Disponvel em: http://www.informationdesign.org/downloads/Infographic_Handout.pdf

20

comunicao humana. essa unio que potencializa a eficcia na transmisso de informaes nos veculos impressos, e ainda mais, nas mdias interativas. Somente por meio da classificao e ordenao desses elementos visuais e textuais que compem o infogrfico que podemos pensar em uma gramtica da infografia. E, ao falar em gramtica, no englobamos apenas os comportamentos lingsticos tidos como vlidos, mas, sim, definio mais informal de Eckersley e Macaulay: [a gramtica] a arte de colocar as palavras certas nos lugares certos. (ECKERSLEY & MACAULAY, 1955).

21

3. OS PRINCPIOS DE UM BOM INFOGRFICO Mesmo utilizando os melhores ingredientes e seguindo risca o modo de preparo, nem sempre os pratos funcionam, ou saem com o sabor desejado. necessrio que haja uma boa receita. No entanto, o que considerado um infogrfico de excelncia? O que faz com que ele transmita sua mensagem com clareza, preciso e eficincia? Para Tufte (2001), os grficos devem sempre: - Mostrar os dados - Induzir os leitores a pensar mais sobre a informao contida do que na metodologia utilizada na sua publicao: seja o design ou a tecnologia aplicada - Evitar distorcer o que os dados tm a dizer - Apresentar uma grande quantidade de dados em um espao relativamente pequeno. - Tornar o conjunto de dados coerente. - Encorajar os olhos a comparar diferentes pores de dados. - Revelar os dados em diferentes nveis de detalhamentos: de uma viso ampla a uma estrutura mais fina. - Servir a uma finalidade razoavelmente clara: descrio, explorao, tabulao ou decorao. - Estar fortemente integrado com as descries verbais e estatsticas de um conjunto de dados. Excelncia grfica fornecer ao leitor o maior nmero de ideias, no menor tempo, utilizando o mnimo de tinta possvel dentro do menor espao. (TUFTE, 2010, p. 51, traduo nossa)

22

4. ELEMENTOS BSICOS O PONTO DE PARTIDA Os elementos visuais constituem a base visual daquilo que vemos, a matriaprima de toda a informao visual possvel, e, segundo a categorizao de DONIS, 2010, o seu nmero reduzido a poucas categorias: ponto, linha, forma, direo, tom, cor, textura, dimenso, escala e movimento.
A caixa de ferramentas de todas as comunicaes visuais so os elementos bsicos, a fonte compositiva de todo tipo de materiais e mensagens visuais, alm de objetos e experincias.4

Listo abaixo um pequeno dicionrio funcional de termos bsicos utilizado em parte dos infogrficos. Nem todos sero abordados neste trabalho, como por exemplo, a dimenso, que est presente mais fortemente em trabalhos de arquitetura e esculturas nos quais prevalecem uma relao de grandezas, e tambm, em obras do Renascimento, nos quais as perspectivas eram pontos importantes, embora, sero citados em alguns exemplos nas anlises de infogrficos. Um captulo tambm ser dedicado ao uso de cores e texturas. Para compreender e analisar a estrutura visual de uma obra, ou no nosso caso, de grficos e infogrficos, convm conhecer mais aprofundadamente suas caractersticas especficas. E, como dito por Tufte, em um infogrfico, cada elemento, por menor que seja, deve ser efetivo em termos de informao. Seguem um pequeno dicionrio de termos para facilitar a compreenso dos demais elementos apresentados no trabalho:

Grid: Os grids servem mais para organizar os dados no rascunho, do que para aparecerem no grfico final, mas ainda assim, aparecem em diversas publicaes. Ponto : a unidade mnima visual e funciona como marcador de espao. Pense no corpo humano, nas folhas das rvores, gotas de gua e ver que as formas mais comuns na natureza so as arredondadas, sendo as retas e quadrados quase inexistentes em estado natural. No toa, movimentos estticos de retomada, sempre voltam com formas arredondadas, como os vestidos rodados, os brincos de prolas, e
4

DONIS A. DONDIS Sintaxe da linguagem visual. 2000.

23

os carros antigos, em ciclos que se remetem ao passado. O ponto, unidade mnima visual tambm entra nesta categoria. Quando juntos ou sobrepostos criam a iluso de cor e tom, princpio da impresso grfica moderna. Linhas / Fios: A linha uma unio de pontos, ou como define Donis um ponto em movimento, ou a histria do movimento de um ponto. Do ponto de vista da sintaxe visual, as linhas e fios funcionam como termos de ligao entre os demais elementos grficos de um infogrfico.
Apesar de sua flexibilidade de liberdade, a linha no vaga: decisiva, tem propsito e direo, vai para algum lugar, faz algo de definitivo. Pode ser muito imprecisa e indisciplinada, como nos esboos ilustrados, para tirar proveito de sua espontaneidade de expresso. Pode ser muito delicada e ondulada, ou ntida e grosseira nas mos do mesmo artista. Pode ser hesitante, indecisa e inquiridora, quando simplesmente uma explorao visual em busca de um desenho. 5

Em infogrficos jornalsticos, os traos finos e precisos costumam ser os mais utilizados, e geralmente, definidos junto ao projeto grfico do veculo. Para alguns autores, como Edward Tufte6, as linhas nos infogrficos devem ser finas a fim de no comprometerem o design da informao. Para ele, a razo que torna os infogrficos dos sculos XVIII e XIV to bons esteticamente era sua gravao em placas de cobre utilizando linhas muito finas: As canetas mais elaboradas do sculo XX , aumentaram a espessura das linhas, tornando-as grosseiras e pouco atraentes . Para trazer mais leveza aos trabalhos pode-se utilizar do recurso esttico de interseco ortogonal de linhas com diferentes espessuras como apareciam quadros de Mondrian. As linhas tambm podem ser usadas como elementos grficos, engrossando ou afinando de acordo com os dados apresentados. Formas: As formas geomtricas bsicas so o crculo, o quadrado e o tringulo. De todas as suas infinitas variaes, combinaes e permutaes no plano e nas dimenses que surgem todas as imagens que conhecemos.

DONIS A DORIS. Sintaxe da linguagem visual. 2000. TUFTE, Edward Visual Quantification. 2001.

24

Direo: o impulso de movimento que incorpora e reflete as caractersticas das formas bsicas: circulares, diagonais e perpendiculares (ver captulo 4, itens 4.4.1, 4.4.2 e 4.4.3) Cor: a coordenao do tom adicionado ao component chroma. O mais emocional e expressive dos elementos visuais. Bullets: Informaes textuais muito curtas, adicionadas graficamente ao redor dos elementos principais do infogrfico. Funcionam como os parnteses de uam informao visual. cone: Representao grfica de uma realidade simplificada. Tem carter essencialmente simblico. Escala: A escala o mtodo de ordenao de grandezas componente visual e seu referencial imediato. Setas: Indicam fluxo, movimentao e deslocamento. Sobre uma base geogrfica funcionam como bons aliados. Na gramtica visual, seriam o equivalente aos termos de ligao. Texto: As palavras nos grficos tem o papel de instruir o leitor como ler o desenho (e, somente, se ele tiver um arranjo complexo) e no o que ler em termos de contedo. Elas devem tambm estar ordenadas da esquerda para a direita. A fonte deve ser clean e precisa. qualitativas ou

quantitativas, que permite a comparao que existe como relao entre um

25

5. MODOS DE PREPARO INFOGRFICOS EM CLASSE Para elencar as principais classes de infogrficos foi preciso, primeiramente, separ-los em categorias. Na categorizao, foram utilizados os princpios de Edward Tufte, que classifica os principais tipos de infogrficos de acordo com quatro funes principais: mapear dados em um determinado espao fsico, relacionar dados ao longo de uma linha de tempo, narrar histrias ou relacionar contedos de causa e efeito. Dentro destas categorizaes, foram adicionadas ainda subcategorias que se inserem dentro dos conceitos mais gerais. E tambm duas categorias extras: tabelas e cores, que no chegam a se enquadrar dentro dos tipos de grficos visuais, mas tm papel fundamental para a compreenso e escolha do melhor modo de apresentao de uma informao visual. Ao final, um dicionrio funcional traz algumas bases histricas, semiticas e/ou cognitivas para termos especficos utilizados em infografia. importante deixar claro que os grficos no devem ser pensados em apenas uma destas categorias, mas sim, em hibridizao de contedos, classificaes e formas, de modo que possam melhor expressar e transmitir da melhor forma o contedo desejado.

26

5.1. Tabelas Mesmo no sendo uma forma de informao infografada, e mais uma forma de disposio de dados, as tabelas no poderiam se ausentar deste manual, pois ainda representam o primeiro, e tambm mais comum modo de exposio de dados. Em um de seus artigos7, o infografista Alberto Cairo comenta que uma das piores forma de exposio de dados a tabela, pois dificulta a comparao entre nmeros, alm de no trazer nenhuma informao visual matria jornalstica. J para Edward Tufte, em relao ao desempenho visual, as tabelas ainda so a melhor forma de reportar um conjunto de dados menor do que 20 itens, isso porque, elas dispem de dados numricos, que colocados lado a lado facilitam comparaes localizadas. Segundo o autor, as tabelas ainda so o melhor caminho para demonstrar valores numricos exatos e uma supertabela vale muito mais do que centenas de pequenos grficos de barra comparativos (TUFTE, 2001). Na tabela abaixo, por exemplo, publicada em 2004 pelo jornal The New York Times, utiliza uma mescla entre o grfico de bolhas e formato tradicional de tabela para comparar as principais palavras utilizadas nos discursos de republicanos e democratas:

CAIRO, Alberto. O poder da apurao. Visualpolis. 23 de agosto de 2010. Disponvel em: http://visualopolis.com/pt/component/content/article/103-power-of-reporting.html

27

FIGURA 12: The Words Speakers Use. The New York Times. 2004

28

FIGURA 13: Nem sempre as tabelas seguem as formas rgidas e tradicionais da apresentao de dados. A tabela ao lado promove uma listagem rpida dos principais atributos de personagens da fico. How does your hero measure up on our wish-fulfillment checklist? Stephanie Fox. Io9. 2010.

5.2. Mapas de dados

A principal caracterstica deste tipo de infogrfico o enorme poder de condensao de dados, e tambm, de comparao. Nos mapas de dados possvel promover os mais diferentes tipos de anlise que variam desde a contemplao de um panorama geral at avaliaes mais minuciosas. No mapa abaixo, por exemplo, produzido pelo jornal The New York Times possvel avaliar o quanto a alta dos combustveis afeta as famlias dependendo da quantidade de renda obtida por elas.

29

FIGURA 14: The Varying Impact of Gas Prices. The New York Times. 2008.

Em uma primeira olhada, fica claro que os estados da costa oeste e nordeste americanos so os que menos gastam percentualmente suas rendas com combustveis, enquanto nas reas mais pobres e rurais do interior do pas as pessoas chegam a gastar at 16% da sua renda com combustveis. Mas, em uma vista mais aprofundada, podemos retirar mais detalhes do mapa como o Maine, apesar de estar ao lado de Massachussets e no serparado da regio do interior da pas, tem um percentual de gasto bastante elevado com relao aos combustveis. Em uma vista mais detalhada ainda no mapa, possvel notar que apesar de ter um dos valores de combustveis mais elevados do pas, o percentual de gastoso com gasolina baixo, j que a renda mdia no estado alta.

30

FIGURA 15: The Sloan Great Wall: Largest Known Structure. W. Schaap. 2dF Galaxy Redshift Survey

Da mesma forma, este grfico publicado traz o mapeamento dos maiores conjuntos de galxias concentrados: os chamados superclusters, onde bilhes de informaes so condensadas em uma nica pgina diante dos nossos olhos. Na primeira anlise, ainda que superficial, podemos ver os pontos em que as galxias se encontram, assim como, pontos de disperso esto mais prxima s reas internas. O importante notar a capacidade de concentrao de informao, assim como o aumento do nvel de detalhamento a medida que observamos os mapas de dados com mais profundidade. Curiosamente, foi s no sculo XVII que surgiram os primeiros mapas de dados, sendo que mapas de cartografia comuns j eram feitos h cerca de 5 mil anos. Os pesquisadores ainda se perguntam por que tantos anos se passaram entre os primeiro mapas e os primeiros infogrficos. A resposta ainda no existe, mas tudo leva a crer que o desenvolvimento deste tipo de abstrao necessria criao de
31

grficos muito recente no pensamento da humanidade, alm de ter prescindido fundamentalmente de disciplinas que ganharam folgo durante o sculo XVIII como a estatstica e matemtica aliadas cartografia. Um dos primeiros mapas de dados foi feito por Edmond Halleys, em 1686, no qual ele mostrava a ocorrncia de ventos alsios e mones em um mapa mundial. Embora j utilizasse smbolos visuais na representao dos fenmenos, variando a intensidade de acordo com a proximidade dos traos, o infogrfico de Halleys ainda estava em um nvel bastante superficial de anlise.

FIGURA 16: Mapa de ocorrncia dos ventos alsios. Edmond Halley. 1686.

E, no que relativo ao aprofundamento na leitura de grficos, um infogrfico teve especial importncia. Trata-se do mapa da clera no centro de Londres, feito pelo Dr. John Snow, em 1854, que apontou em um mapa a localidade aonde ocorriam as mortes por clera durante um surto no bairro. As mortes foram marcadas por meio de pequenos pontos na regio em que ocorreram. No mapa, tambm estavam apontados com um X, os principais poos de onde a gua era retirada. Por meio de uma relao visual um tanto bvia, foi possvel notar que a quantidade de mortes por clera era tanto maior quanto mais prxima do poo de Broad Street. Em outro momento, John faz um grfico de srie de tempo demonstrando que, aps a retirada do poo, o nmero de mortes diminuiu drasticamente, ajudando os agentes de sade pblica do bairro a identificarem o problema, retirarem o poo e erradicarem, mesmo que parcialmente, o problema.
32

FIGURA 17: A map of cholera deaths in London. Dr John Snow. 1854.

5.2.1. Principais categorias de mapas de dados: Alm das categorias vistas anteriormente, dois outros tipos populares de mapas ajudam a compreender a ampla utilizao deste formato e seu potencial condensador de informaes:

33

5.2.1.1. Fluxos

FIGURA 18: Charles Minard. Carte figurative et approximative des quantits de vin franais exports par mer en 1864. 1864.

Em 1864, Charles Joseph Minard, quantificou e deu direo aos dados de exportao de vinho francs por meio do engrossamento de linhas que ligavam o pas de origem aos pases destinatrios. Ainda hoje, a lgica destes grficos de fluxo recorrente nos infogrficos dos principais meios de comunicao. Para Phan (2005), o grfico de fluxo uma mistura entre mapas e tabelas de fluxos. a maneira mais eficaz de mostrar o deslocamento de objetos de uma localidade a outra, como o nmero de pessoas em uma migrao, a quantidade de produtos comercializados ou o nmero de produtos em trnsito em uma rede. Uma grande vantagem de grficos deste tipo que eles reduzem a poluio dos infogrficos condensando um grande nmero de infomaes, como j caracterstica dos mapas de dados. Durante a Copa do Mundo de 2010, por exemplo, o canal online do site do jornal O Estado de So Paulo, utilizou uma derivao do mapa de fluxo para criar o
34

infogrfico interativo abaixo, mostrando onde atuam o 736 jogadores do mundial SulAfricano e sua distribuio por confederao e posio.

FIGURA 19: Onde atuam os 736 jogadores da Copa de 2010. O Estado de So Paulo (online). Carlos Lemos e Daniel Lima. 2010.

5.2.1.2. Mapas de tubo O mapa de tubo original londrino, mais precisamente datado de 1889 e representa por meio de um diagrama esquemtico as principais linhas e estaes do metr de Londres (tambm conhecidas como tube). Na verso original, todas as localizaes geogrficas estavam visveis: o rio Tmisa, a Baker Street, a Oxford Street, entre outras, o que dificultava, consideravelmente, a visualizao das estaes de metr. No entanto, o aumento da complexidade no sistema de transportes ao longo dos anos 30, fez com que os designers passassem a repensar esse tipo de representao. Foi nesta poca que o engenheiro Henry Beck, decidiu representar o trnsito subterrneo como uma espcie de placa de circuito eltrico. Utilizando fios verticais, horizontais e diagonais ele localizou o trajeto dos circuitos, as estaes e
35

seus pontos de cruzamento, resultando em um mapa, que apesar de geograficamente impreciso, possibilitava uma viso coerente de um sistema altamente complexo.

FIGURA 20: Mapa londrino de transportes. 1908.

FIGURA 21: Atual mapa de transportes londrino. 2010. 36

Conforme Tufte conta em seu livro O mapa organizou Londres, mais do que Londres organizou o mapa. E esta forma de representao foi levada adiante como o mtodo de representao oficial para sistemas de transporte pelo mundo. O sucesso deste tipo de representao se deu, basicamente, por uma importante estratgias de design: o mapa d mais importncia funo do que a preciso geogrfica. Um usurio est interessado em saber como chegar de uma estao a outra. Tudo que ele precisa saber : qual linha pegar, onde trocar de linha e quais so estaes que antecedem a chegada da sua. O mapa de tubo satisfaz essa necessidade utilizando linhas sobrepostas em um fundo vazio, cores que diferenciam os trajetos, uma tipografia clara, que torna o texto fcil de ler, e smbolos que diferenciam as estaes dos pontos de baldeao. A simplicidade e a retirada do excesso de detalhes aponta um dos caminhos que o design grfico vai seguir pelas prximas dcadas, alm de ganhar adeptos em novas categorias:

FIGURA 22: The Rockmap. Ernesto Lago. 2009.

37

5.3. SRIES DE TEMPO

Os grficos de sries de tempo so, sem dvida, os mais utilizados. Em uma pesquisa feita com 4000 grficos publicados em 15 jornais e revistas de todo o mundo entre 1974 e 1980, 75% dos infogrficos publicados eram deste tipo (TUFTE, 2010). Isso ocorre, provavelmente, porque esta a primeira forma de grficos com que entramos em contato, o que acontece mesmo com as respostas das equaes algbricas da escola onde, a partir dos eixos x e y demarcamos os quadrantes. Alm disso, as formas de srie-tempo se aplicam em praticamente qualquer tipo de tema, independentemente da localizao geogrfica ou espacial, como no caso dos mapas de dados. Mas, sua principal caracterstica est na eficincia interpretativa. Relatando uma sequncia de acontecimentos ao longo do tempo, este tipo de design possui uma fora e eficincia interpretativa como nenhum outro. O primeiro infogrfico encontrado na histria deste gnero data do sculo X, e foi produzido em um monastrio medieval no qual foram anotadas as inclinaes das rbitas dos principais planetas conhecidos na poca em funo do tempo:

FIGURA 23: Positions of the Sun, Moon, and Planets Throughout the Year. Europa. 950 AD.

38

No entanto, este foi um evento isolado na histria da infografia, pois, somente 800 anos mais tarde, voltou-se a encontrar este tipo de representao grfica, quando, sob a luz da cincia, estes tipos de infogrficos voltaram tona em escritos cientficos. O cientista e matemtico suo Johann Heinrich Lambert, por exemplo, publica em 1779, um estudo sobre a variao peridica na temperatura do solo de acordo com a profundidade em relao superfcie, utilizando este tipo de grfico. Mas Lambert, ficou mesmo famoso por suas produes infografadas aplicadas economia, juntamente com seu amigo, o economista poltico escocs William Playfair (1759-1823). Juntos, alm de darem novo flego s representaes visuais, eles teorizaram sobre a funo da representao grfica. Para Playfair, os grficos eram preferveis s tabelas pois mostravam a forma dos datas em uma perspectiva comparativa, enquanto as tabelas no levavam em conta as pores de tempo que abrangiam. Nas tabelas, no dada forma s quantidades, dizia Playfair. Mas, o grficos de tempo-srie foram ganhando tamanha popularidade no decorrer da histria, que serviram no somente aos estudos econmicos e sociais, como tambm a estudos fisiolgicos de anlises de movimento, como o grfico ao lado de E. J. Marey (18301904), que mapeia as passadas de um cavalo em decorrncia do seu tipo de trote. Em um estudo posterior, Marey

mapeou em um infogrfico o movimento humano por meio do acompanhamento das passadas um sujeito vestido de veludo preto, com somente uma listra lateral, que,
FIGURA 24: Horse walking. E.J. Marey.

futuramente, foi tema do quadro Nude

39

Descending a Staircase, do artista moderno Marcel Duchamp, revelando uma srie de sucessivos movimentos ao longo do tempo. Na utilizao deste tipo de grfico importante ressaltar que eles ganham maior funcionalidade quando h grandes variaes no conjunto de dados, e especialmente, quando se trata de um material estatstico mais rico, complexo e mais difcil de ser representado como o infogrfico abaixo que envolve dezenas de variveis, como as diferentes taxas de temperatura e precipitao ao longo de todo o ano de 2003 na cidade de Nova York.

FIGURA25: Nude Descending a Staircase No 2. Marcel Duchamp. 1912.

FIGURA 26: New York Citys Weather in 2003. The New York Times. 2004

40

Este tipo de grfico organiza com sucesso uma grande quantidade de nmeros, alm de permitir comparaes entre diferentes partes dos dados - e contar uma histria.

5.3.1. Principais categorias de infogrficos de sries de tempo: 5.3.1.1. Linhas Um dos tipos grficos mais utilizado nas representaes de srie-tempo o grfico de linhas. Quanto mais pontos forem inseridos em um grfico deste tipo, maior preciso e riqueza de informao ele ter. Na hora de optar por grficos de linhas, os horizontais, quase sempre so a melhor opo pois os grficos verticais enfatizam as retas de ascenso e declnio, impressionando erroneamente o leitor.

FIGURA 27: The high (and low) cost of living well. Fobes. 2010.

FIGURA28: A share of all personal consumption expenditures on motor vehicles. The New York Times. 2010.

Na verdade, diversas razes favorecem o display horizontal ao vertical. A primeira delas a analogia com o horizonte. Nosso olho naturalmente treinado a detectar desvios no horizonte, e, o design grfico pode tirar alguma vantagem disso. Sries ao longo do tempo estendidas na horizontal so mais acessveis aos olhos.
41

Alis, a analogia com o horizonte sugere que um grfico sombreado, sem efeitos de textura, pode funcionar ainda melhor do que a linha flutuante. Alm do mais, ler da esquerda para a direita, pelo menos para ns, que vivemos no mundo ocidental, muito mais fcil. Outra teoria, reproduzida no livro de Donis A. Dondi (2000), explica que sempre procuramos um ponto de equilbrio, que se faz a partir do nosso prprio referencial. por isso que o que sai, axialmente, de qualquer campo de equilbrio o que olhamos primeiro, o que nos chama mais a ateno. onde esperamos ver mais alguma coisa. Nos infogrficos, podemos usar isso tanto a favor, como contra a clareza na transmisso de informao. Uma legenda, por exemplo, fundamental compreenso do grfico em questo, pode ser inserida em uma posio de destaque, axialmente ao infogrfico, atraindo o olhar do leitor.
Por mais que os elementos se faam sentir, o olho busca o eixo sentido em qualquer fato visual, em um processo interminvel de estabelecimento do equilbrio relativo. (...) a rea axial de qualquer campo sempre aquilo para o que olhamos em primeiro lugar; onde esperamos ver alguma coisa. O mesmo se aplica informao visual da metade inferior de qualquer campo; o olho se volta para esse lugar no passo secundrio de estabelecimento do equilbrio atravs da referncia horizontal8

Isso

explica

no

somente

os

elementos infogrficos, como tambm a diferena entre de preos comercializados para anunciantes em uma pgina de revista, por exemplo, podendo variar em at 3 vezes mais, dependendo da posio. Isso acontece pois o olho atrado a este ponto, que est fora do eixo, tanto vertical, quanto horizontal.

DONDIS, A. Donis, Sintaxe da linguagem visual, p.36

42

Para obter melhor resultado de compreenso necessrio entender a posio dos elementos nos grfico e como o olho rastreia os elementos visuais a fim de melhor compreender uma informao. Em relao ao formato do box, existe uma certa preferncias visuais por propores retangulares que estudada pelos psicologistas desde 1860. Por meio da realizao de diversos testes, eles descobriram que a maioria das pessoas opta por propores retangulares, menores na altura e maiores no comprimento seguindo as regras da proporo urea, que presente em quase qualquer elemento da natureza.

5.3.1.2.Grficos de barras /Histogramas

O segundo tipo mais comum de representao de sries de tempo so os grficos de barra, os chamados histogramas, que, nada mais do que um grfico composto por duas linhas perpendiculares onde a altura representa o valor da grandeza, e as grandezas so colocadas na linha horizontal. Sobre cada uma levanta-se uma barra que termina na altura relativa ao valor de sua grandeza, tambm conhecido tambm como grfico de barras. Na representao grfica fundamental evitar que as barras estejam sombreadas ou em perspectiva, o que pode causar distoro na comparao de dados.
FIGURA 29: Infogrfico em barras mostrando a porcentagem de chances de se ter um email respondido de acordo com o cumprimento utilizado na abordagem. Use an unusual greeting. Oktrends. 2010.

43

5.3.1.2.1. Barras Usadas para comparar pontos distintos no tempo. a melhor forma para visualizar comparaes e tambm para representar evolues, pois permitem uma comparao imediata das grandezas. O Manual de Infografia da Folha de So Paulo recomenda que as barras horizontais sejam usadas para comparar muitos itens, e de preferncia, de modo no-cronolgico. J as barras verticais ajudam a comparar pases, investimentos, vagas, gols e etc. 5.3.1.2.2. Barras empilhadas: teis para comparar pontos distintos no tempo quando voc tem categorias mltiplas e quando a soma das partes for relevante.

FIGURA 30: Diferentes representaes para o grfico de barras. Average Age of Congress Over Time. Wall Street Journal. 2010.

44

5.3.1.2.3. reas empilhadas a irm mais verstil das barras empilhadas porque pode ser usada para inmeras marcaes de tempos, mesmo quando no h espao suficiente para colocar grupos de barras 5.3.1.3. Mltiplos:

FIGURA 31: Coffee Drinks Illustrated. Lokesh Dhakar. 2010

Pequenos mltiplos funcionam como frames de um filme, uma srie de grficos que mostram a mesma combinao de variveis, indexada por mudanas em uma outra varivel. Os mltiplos bem so uma excelente forma de comparativo, que podem condensar muitos dados em espaos altamente densos.

45

5.3.1.4. Timeline: Usada em ocasies, onde, acima de tudo, o tempo o mais importante. No funciona bem quando se tem um conjunto muito extenso de dados, mas pode ser uma boa escolha para marcar pontos especficos ao longo do tempo.

FIGURA 32: 10 Largest Data Breaches Since 2000. Flowing Data. 2010.

FIGURA 33: Representao parcial da linha do tempo comparativa entre as ocupaes dos principais presidentes dos EUA nos primeiros 100 dias de mandato. Good Magazine. 2010.

46

5.3.1.5. Tabela radial: Recurso grfico usado para assinalar eventos em um perodo de tempo, de, geralmente, 12 horas, aproveitando-se do formato do relgio.

FIGURA 34: NYTimes TimesWire. Justin Blinder . 2010.

47

5.3.1.6. Passo a passo Este tipo de recurso funciona muito bem para auxiliar na compreenso de posies hierrquicas ou de relacionamentos entre personagens ao longo do tempo, ajudando a recontar uma histria. Apesar de ser um recurso bem mais simples, ele funciona muito bem quando houver diversos personagens envolvidos em um mesmo caso. Neste tipo de infogrfico, as referncias visuais so fundamentais a fim de trazer mais objetividade e clareza para a informao. O Manual da Folha recomenda tambm que se utilize o mnimo de passos possvel.

FIGURA 35: Manual Prtico do Curioso. Revista Mundo Estranho. Alessandra Kalko, Luciano Veronezi, Cssio Bittencourt, Rubens Paiva e Japs; Fabio Volpe; Andr Santoro e Andr Sartoreli. 2008.

5.3.1.7. Storyboard Semelhante ao passo a passo, o storyboard tambm narra uma histria ao longo do tempo, incluindo os locais e o tempo de ao, muitas vezes, representado
48

por um reloginho. A histria pode ser contada em frames separados ou integrados dentro de uma mesma cena. Assim como no passo a passo, imprescindvel que, no storyboards, as informaes visuais sejam fidedignas, garantindo a credibilidade do texto.

FIGURA 36: Box do infogrfico Como a caa s baleias? Revista Mundo Estranho. Yuri Vasconcelos, Sattu, Luiz Iria, Fabrcio Miranda, Lauro Henriques Jr. 2009.

5.4. NARRATIVAS DE TEMPO-ESPAO Misturando caractersticas do mapa de dados com os grficos da srie de tempo, podem-se criar tipos hbridos de infogrficos, onde o poder exploratrio aumentado por meio de criaes de narrativas que adicionam dimenses aos dados do infogrfico. O processo funciona como se os dados estivessem se movendo por meio do espao e do tempo. de quatro ou cinco dimenses. Essas variaes complexas podem ser to bem articuladas e discretas a ponto de o leitor no perceber que est diante de um mundo

49

 o que acontece, por exemplo, no grfico de Charles Joseph Minard (17811870), que mostra o terrvel destino do exrcito napolenico na Rssia em 1812, possivelmente, o melhor grfico estatstico j feito. A combinao do mapa de dados e da srie de tempo, desenhada em 1989, retrata um sequncia de perdas sofridas durante a campanha de Napoleo na Rssia, em 1812. A espessura da faixa marrom indica o tamanho do exrcito em cada localidade do mapa. Em setembro, as tropas chegaram a Moscou, que foi saqueada e desertada com cerca de 100 mil homens. O caminho da retirada da cidade representado pela faixa preta, que est diretamente relacionada a uma escala da temperatura como se sabe, centenas de homens do exrcito francs congelaram no caminho de volta da Rssia e s datas dos eventos ocorridos. Conforme mostra o grfico, o cruzamento do rio Berezina foi desastroso, e o exrcito finalmente chega Polnia com apenas 10 mil dos seus 422 mil homens iniciais. Se repararmos com ateno, o grfico de Minard conta uma riqussima histria utilizando seis diferentes variveis: a localizao do exrcito no espao, as datas em que ocorreram os fatos, as direes tomadas pelo exrcito, a quantidade de soldados envolvida em cada etapa, a durao de tempo de cada evento e temperatura dos locais.

50

FIGURA 37: Charles Minard. Carte montrant les pertes en hommes, leurs mouvements et la temprature durant la campagne de Russie de Napolon. 1869.

51

Para

contar

boas

histrias

infografadas,

especialmente

quando

deslocamento atravs do tempo, convm conhecer os trs principais tipos grficos que indicam deslocamento, segundo a classificao de A. Donis: No item 4.3.1.1 deste captulo comentamos sobre a referncia verticalhorizontal, que constitui a referncia primria do homem em termos de bem-estar. Tanto biologicamente, como nos desenhos, na arquitetura, ou nos grficos, o equilbrio horizontal-vertical, e a falta dele, provocando desorientao, so pontoschave para trabalharmos a mensagem visual que pretendemos transmitir, sejam elas: 5.4.1. Construes diagonais: Tangenciando o ponto de equilbrio, a direo diagonal tem referncia direta com a idia de estabilidade. a formulao oposta, a fora direcional mais instvel, e, consequentemente, mais provocadora das formulaes visuais. Seu significado ameaador e quase, literalmente, perturbador.
9

No grfico de Charles Joseph

Minard, por exemplo, uma diagonal predominante em linha espessa e irregular, acentua o carter de deslocamento agressivo e imperativo da marcha napolenica. 5.4.2. Foras direcionais curvas As foras direcionais curvas tm significados associados abrangncia, repetio e calidez. No toa eles costumam apresentar processos cclicos ou de renovao.

FIGURA 38: Infogrfico animado sobre o desempenho dos pases a respeito de formas de energia renovveis. Os crculos associam-se a ideia de renovao. What Countries Spend on Renewable Energy. Good Magazine. 2010.

DONDIS, A Donis, Sintaxe da linguagem visual, 2000.

52

5.4.3. Foras direcionais nos eixos do equilbrio Ascendendo verticalmente ou horizontalmente, as foras direcionais nos eixos de equilbrio esto ligadas ascenso e declnio, objetividade ou velocidade, como por exemplo, as usadas nos grficos de barra.

FIGURA 39: Foras direcionais nos eixos do equilbrio indicando velocidade e movimento. Fly the Fuel Efficient Skies. Good Magazine. 2010.

5.5. GRFICOS RELACIONAIS

Avanar dos mapas cartesianos para os grficos estatsticos foi um grande passo no progresso da infografia, e, milhares de anos se passaram at que este primeiro passo tivesse sido tomado por Lambert, Playfair e outros pesquisadores do sculo XVIII, como comentado anteriormente. Por isso, analogias com o mundo fsico serviram durante muito anos como base conceitual para os primeiros infogrficos de sries de tempo. Foi a partir delas que surgiram os grficos comparativos, que, na literatura cientfica moderna, correspondem atualmente, a cerca de 40% dos grficos publicados. Sua funo bsica a de comparar valores que estabeleam uma relao de causa-e-efeito, como por exemplo, as taxas de inflao com o nmero de

53

desempregos ou aumento da temperatura com a elevao da condutividade de materiais. Para tanto so usados com frequencia os grficos lineares e histogramas que citamos anteriomente e tambm grficos de disperso.

5.5.1. Grficos de disperso Grficos de disperso, ou scatterplots, funcionam bem se voc tem inmeros dados numricos. Para casos em que haja um menor nmero de dados, os grficos de bolha so mais recomendveis. A grande vantagem deste tipo de grfico que ele funciona bem mesmo quando os valores no so to estruturadas, ou no esto em nmeros absolutos. por isso, que um bom modo de utilize-lo por meio de porcentagens, por exemplo. Assim como nos grficos de linhas ou barras, mostrar cada ponto de dados pode funcionar bem quando voc est interessado nos detalhes de cada toma de evento. um Isso, grande forma, obviamente, necessita,
FIGURA 40: Now Wash Your Hands. David McCandless para Information is Beautiful. 2009.

espao, mas efetivo quando voc alguma humanizar os dados.

54

5.5.2. Grfico de pizza Jacques Bertin disse em um de seus artigos10 que o nico desenho pior do que um grfico de pizza so muitos grficos de pizza juntos. Isso acontece devido baixa densidade de dados que eles podem apresentar e s falhas em ordenar os nmeros em uma dimenso visual. Por isso, grficos de pizza devem ser evitados. J o Manual da Folha recomenda o uso dos grficos de pizza apenas para visualizar divises dentro de um universo, ou as preferncias de partes em relao ao todo, como, por exemplo, quantos so a favor da reeleio 50% so a favor, 25% so contra e os outros 25% no sabem. Eles recomendam, tambm, caso for utilizar o grfico de pizza, que no o subdivida em mais de 5 partes. 5.5.3. Treemaps Mais utilizados do que os grficos de pizza, os treemaps tambm servem s comparaes de partes dentro de um todo, com a diferena de que se baseiam na visualizao de estruturas hierrquicas. So muito efetivos na demonstrao de nichos de uma mesma rvore de informao utilizando os recursos de tamanho e colorao. Eles facilitam a comparao de dados por meio da identificao de padres e excees. O grfico abaixo, por exemplo, mostra o que representa, grfica e proporcionalmente, os bilhes gastos pelo governo americano.

10

BERTIN, Jacques. Graphics and Graphic Information Processing, Berlin, 1981.

55

FIGURA 41: The Billion Dollar-o-Gram. David McCandless. 2009

56

6. CORES E TEXTURAS

Em termos fsicos, a cor no passa de um fenmeno ptico provocado pela ao de um feixe de ftons sobre clulas especializadas da retina, que transmitem, atravs de informaes pr-processadas no nervo tico, impresses para o sistema nervoso. No entanto, enquanto as formas, linhas, pontos e tons se relacionam com a formao da imagem em profundidade, distncia e outras referncias ambientais - e portanto, questes fundamentais para a nossa sobrevivncia - a cor traz mais afinidades com as emoes. Isso acontece porque a cor carrega uma enorme carga informacional, que reconhecemos em uma vasta categoria de significados simblicos. Vermelhos, azuis, amarelos sempre trazem algum significado, mesmo quando no tem nenhuma ligao com o ambiente. Vermelho, por exemplo, significa perigo, amor, proibio, calor, comunismo, e talvez uma outra centena de coisas (DONIS, 2010). Existem muitas teorias da cor, que vo pouco alm das observaes de reaes a elas. No h um sistema unificado e definitivo de como elas se relacionam graficamente. Portanto, o conhecimento na rea ainda bastante emprico. Das trs cores primrias, o amarelo a cor considerada mais prxima da luz e do calor, provavelmente devido ao fogo, vide os rtulos de cervejas, propagandas de vero, embalagens de sabonetes e xampus para o vero. J o vermelho, a cor mais ativa e emocional, enquanto o azul passivo e suave como o cu em um dia de vero. J em termos de saturao, a cor saturada a mais simples, quase primitiva, preferida pelos artistas populares e pelas crianas. No apresenta complicaes, explcita e inequvoca. As cores menos saturadas, so sutis e repousantes. Quanto mais intensa ou saturada for a colorao de um objeto ou acontecimento visual, mais carregado estar de expresso e emoo. Os resultados informacionais, na opo por uma cor saturada ou neutralizada, fundamentam a escolha em termos de inteno.
57

FIGURA 42: O simbolismo das cores nas mais diferentes culturas. Colours in Culture. David McCandless para Information is Beautiful. 2009

Durante os anos 1990, com acesso mais amplo aos programas de computador, a infografia viu tambm a proliferao de patterns de colorao, os chamados efeitos moirs, nos quais, o desenho interage com o movimento natural dos olhos provocando uma sensao de vibrao e movimento. Estes, alm de no auxiliarem a compreenso da informao, causam efeitos pticos indesejveis que tornam o grfico ruidoso e visualmente pesado. As cores na infografia ainda constituem um certo quebra-cabeas, pois no existem valores ou um cdigo comum sobre o uso delas em infogrficos. Um mtodo at que engenhoso de distribuio de cores foi o utilizado por L. L. Vauthier. o
58

chamado mtodo mountain-to-the-sea, ou, em portugus, da montanha para o mar. Nesse sistema, baseado nas cores da natureza, o branco era utilizado para representar a maior altitude, j que simbolizava a neve eterna das montanhas mais altas, depois, seguia o verde representado pelas florestas das encostas, a seguir, o amarelo representando as plancies, e, finalmente, o azul claro para as guas no nvel do mar. Por terem uma hierarquia visual, escalas de cinza cumprem bem esta mesma funo.

FIGURA 43: Mapa mundi hipsomtrico levando em considerao as escalas de cores mountain-to-the-sea de L.L. Vauthier. IBGE.

59

Concluso A tentativa organizar uma gramtica sistematizar um conhecimento prtico na rea. Ainda h muito o que se aprofundar, especialmente nas reas de estudos cognitivos que busquem compreender como o crebro responde a diferentes estmulos visuais para poder optar por formas mais adequadas aos variados tipos de transmisso de informao. Mas necessrio lembrar que os grandes trabalhos na humanidade no consistem apenas na escolha de uma forma mais precisa ou em uma tcnica melhor aplicada. Boa parte dos trabalhos e avanos na infografia surge da criatividade, bom senso, e trabalho intenso de apurao dos jornalistas e designers que procuram a melhor forma de transmitir a sua mensagem e estender os horizontes de cada leitor. Apesar de se uma rea acadmica ainda incipiente, principalmente no Brasil, a compreenso e sistematizao terica e prtica da infografia condensa no presente o avano de tcnicas milenares e tentativas de representar o mundo e modific-lo de alguma forma. Casos como o dos poos contaminados no bairro ingls, ou da organizao do sistema de transporte em Londres, citados no decorrer deste trabalho, so provas de que, por meio do design da informao, bons infogrficos, assim como matrias jornalsticas bem apuradas podem modificar o cotidiano da vida de uma cidade e cumprirem o mesmo papel do bom jornalismo na busca da objetividade de informao com a maior preciso possvel - ainda mais em uma poca em que vive sob o domnio da imagem, ou sob a sociedade do espetculo, na expresso de Guy Debord. Entender como o crebro responde a estes smbolos explica e nos auxilia a compreender o mundo, de alguma forma. Levar a cabo este conhecimento papel fundamental para o novo jornalista que emerge no sculo XXI. para a infografia, embasada,

principalmente, nas classificaes de Tufte e Donis, apenas o primeiro passo para

60

REFERNCIAS

BERTIN, Jacques. Graphics and Graphic Information Processing, Berlin, 1981. CAIRO, Alberto. Infografa 2.0: visualizacin interactiva de informacin en prensa. Alamut, 2008. CAIRO, Alberto. O poder da apurao. Visualpolis. 23 de agosto de 2010. Disponvel em: http://visualopolis.com/pt/component/content/article/103-powerof-reporting.html CLEVELAND, William S and & MCGILL, Robert. Graphical Perception: Theory, Experimentation and Application to the Development of Graphical Methods. Journal of the American Statistical Association. 1984. 531-554. DONDIS, Doris A. Sintaxe da linguagem visual. So Paulo: Martins Fontes, 2000 HARRIS, Robert L. Information Graphics, A comprehensive Illustrated Reference. Oxford University Press, 1999. KANNO, Mario. Marcos na Histria da Visualizao de Dados baseado em Milestones in the History of Thematic Cartography, Statistical Graphics, and Data Visualization. An illustrated chronology of innovations. Traduo autorizada pelos autores Michael Friendly and Daniel J. Denis, York University, Canada. Disponvel em: http://www.scribd.com/doc/8447930/Historia-Infografia. 2008. KANNO, Mario & BRANDO, Renato. Manual de Infografia Folha de So Paulo. 1998. Disponvel em: http://www.scribd.com/doc/8448371/Tipo-Infografia-Kanno LA INFOGRAFIA IMC. Historia de la visualizacion de datos. Disponvel em: http://www.scribd.com/doc/16508623/La-Infografia-Imc PHAN, Doantam , Ling Xiao, Ron Yeh, Pat Hanrahan e Terry Winograd, Flow Map Layout. Stanford University. Disponvel em: http://graphics.stanford.edu/papers/flow_map_layout/flow_map_layout.pdf. 2005 TUFTE, E. R. Visual Explanations: Images and Quantities, Evidence and Narrative. Graphics Press, 1998
61

TUFTE, E. R. The visual display of quantitative information. Graphics Press, 2001. VENKATESH Rajamanickam, Infographics Seminar Handout, 10 de outubro de 2005, National Institute of Design, Ahmedabad. Disponvel em: http://www.informationdesign.org/downloads/Infographic_Handout.pdf XAVIER, Guilherme. Imagtica Eletroldica, A visualidade dialgica no multiverso dos jogos eletrnicos -Dissertao de Mestrado apresentada ao Programa de Psgraduao em Design da PUC-Rio. Disponvel em: http://www2.dbd.pucrio.br/pergamum/tesesabertas/0510308_07_cap_07.pdf

62