el arte funcional alberto cairo 2011

www.elartefuncional.com

EL ARTEFUNCIONALinfografía y visualización de información

http://elections.nytimes.com/www.elartefuncional.com Twitter : @albertocairo

Copyright: Alberto Cairo 2011

2008 2011

http://elections.nytimes.com/

an infographic is a tool:an aid to understanding

a means to answer questions

www.elartefuncional.com Twitter : @albertocairo

Why so many journalists and designersdon’t understand what infographics are

www.elartefuncional.com Twitter : @albertocairo

Fernando Baptistahttp://

elections.nytimes.com/http://elections.nytimes.com/ Twitter : @albertocairo

8http://

elections.nytimes.com/ Twitter : @albertocairo

Is it really art?

http://elections.nytimes.com/ Twitter : @albertocairo

Here’s what comes to my mind when I think about art

The Virgin of the Rocks

Twitter : @albertocairo

OK, that was ART, but then, what is this?

Leonardo’s Notebooks

What are the differences among them?

Art can be subjective, it can help artists to express their feelings.It can be beautiful just for the sake of being beautiful.

Scientific illustration (one of the disciplines infographics are based on) must be precise, technical, objective, reliable. There must be a

correspondence between reality and its representation.

Infographics = Functional art

Infographics = information engineering

We arrange data so they form visual patterns that can be easily and quickly grasped by the reader’s

eye-brain system

Infographics = information engineering

We arrange data so they form visual patterns that can be easily and quickly grasped by the reader’s

eye-brain system

We create visual tools that readers can use to explore the data that is presented to them and discover truths we journalists may not be even

aware of when we are designing the display

19http://

20http://

21http://

PART 1

The form should be restrained by the functionTo choose the best graphic form think first about what

task or tasks your graphic should facilitate

23 http://elections.nytimes.com/

Main steps on any infographics project1. Define the focus, the story

2. Do some preliminary research3. Choose graphic forms according to 1.

4. Sketches and storyboards; structure the information5. Complete the research and write the copy

6. Create the graphics, maps and diagrams7. Put it all together

PART 1

The form should be restrained by the functionTo choose the best graphic form think first about what

task or tasks your graphic should facilitate

PART 1

26 Twitter : @albertocairo

If I tell you that the first circle represents 80 billion...

If I tell you that the first bar represents 80 billion...

PART 1

Same with graphicsGraphic forms to represent a data set should be chosen according to the intended tasks, to the questions the graphic should help answering

PROBLEMS1. It is difficult to successfully compare the numbers (is Brazil’s army much larger than Colombia’s?).2. Variables are not visually related. Is there a correlation between population and military expenses? Brazil is the most powerful country in absolute terms but, what is the most powerful one in relative terms?3. Should the map be the key visual element of the graphic?

PART 1

Sometimes, just one graphic form is not enough.You need to represent the data set with different

shapes to allow different answers

http://revistaepoca.globo.com/Revista/Epoca/0,,EMI238256-17445,00.html

Above all, don’t lie

an introduction

Problem is, sometimes you lieeven if you don’t want to...

Is the Web really dying?

Graphic: Wired

Is the Web really dying?

Graphic: BoingBoing

an introduction

The importance of specialization

an introduction

Alberto (Research, planning, statistical charts, cartography)

(Intern) (Research, planning)

Vergotti (Design, Art)Gerson (3D, Illustration)Salomão (Design, iPad)Rodrigo (Research , Illustration, Design)

David (Online design, video)Pedro (3D, motion graphics, video)Gerardo (Web design, programming, databases)Erik (Programming, databases)

The Wave

an introduction

The most important lessons:Think about information and structure first

Think about aesthetics afterwardsNever distort the data to make the graphic beautiful

alberto.cairo@gmail.comTwitter - @albertocairo

www.elartefuncional.comwww.visualopolis.com

EL ARTEFUNCIONALinfografía y visualización de información

el arte funcional alberto cairo 2011

Documents

cairo trabajo servidumbres

bol. modificado 2012 el cairo

cairo (le caire )

descripción - coycama... ensccc cairo cairo 80 cairo 100...

diseño de cubierta: alberto cairo - el arte funcional ·...

diseño de cubierta: alberto cairo · 2015-09-11 ·...

fundamentos de programacion-osvaldo cairo

autor: pablo alberto salguero...

proyecto de aula "info web cairo"

15 dÍas • · 2019. 9. 30. · • 15 dÍas •...

cine el cairo rosario

retamozo linares - gob · 2017. 5. 10. · retamozo...

el cairo - inicio · cerca del cairo, pirámide escalonada...

portafolio de jairo cairo fuentes (españa)

estructuras de datos osvaldo cairo

estructuras de datos - cairo

cairo - tesis i

concurso ampliacion museo del cairo

la rosa purpura del cairo

diseño de cubierta: alberto cairo - el arte...