Métodos de Investigação - Doutoramento em Media Digitais - FCSH NOVA

1. Visualização de
Informação
Ana Figueiras

2. Doutorada em Media Digitais no
âmbito do programa UT Austn |
Portugal Digital e faço investgação
em Visualização de Informação e
storytelling, mais especifcamente
em formas visuais de storytelling. O
meu objectvo identfcar as
melhores estrat gias para incorporar
elementos narratvos nas
visualizações e descobrir quais os
elementos que podem dar a
sensação de storytelling nas
visualizatons.
http://rethinkingvis.com
@afgueiras
mail@anafgueiras.com
Ana Figueiras

3. O que é Visualização de Informação?
Não há consenso sobre os muitos nomes utlizados em
visualização. Informaton visualizaton, data visualizaton,
infographics e outros termos são frequentemente utlizados
indistntamente e a confusão geralmente estendida para as
suas defnições, que muitas vezes se sobrepõem.
Na maioria das vezes Informaton visualizaton considerado
como sendo um termo gen rico que abrange vários outros
subtpos de visualização.
Artstcvis
Hurricane Noel
Ambientvis
Mondrian bus schedule
Scivis
NASA’s El Nino impact visualizaton
Visual analytcs
Statstcal Analysis Softare

4. Figueiras (2016) | The gamut of visualization
not readable
not recognizable
readable
recognizable
scientifcvisualization
visualanalytics
knowledgevisualization
productvisualization
educationalvisualization
casualvisualization
ambientvisualization
socialvisualization
informativeart
artisticvisualization
musicvisualization
utilitarian sublime

5. “The use of computer-
supported, interactie, iisual
representatons of abstract
data to amplify cognitonn.
[Card, Mackinlay, and Shneiderman, 1999]

6. A pré-história
da visualização

7. A visualização antes da sua era de ouro
Antes do s culo 17 1600-1699
1700-1799 1800-1840

8. A era de ouro
da visualização

9. John Snow | On the mode of communication of cholera
1854

10. Florence Nightingale | Diagram of the causes of mortality
1856

11. Minard | Map of the successive losses in men of the French Army in the Russian campaign 1812-1813
1869

12. Friendly | Time distribution of milestones in the history of data visualization

13. Hans Rosling | Trendalyzer

14. A visualização
na Web

15. “Visualizatons aren’t truly iisual unless they are seenn Getng
your work out there for others to see is critcal, and publishing on
the Web is the quickest way to reach a global audiencen Working
with web-standard technologies means that your work can be
seen and experienced by anyone using a recent web browser,
regardless of the operatng system (Windows, Mac, Linux) and
deiice type (laptop, desktop, smartphone, tablet)n.
[Murray, 2012]

16. Ferramentas | Níveis de fexibilidade e de difculdade
Abstratasefexíveis
Blackboxelimitadas
Difceis e lentas Canvas
API
Simples e rápidasSVG e HTML
DOMs
Gramátcas Soluções chave
na mão

17. Ferramentas | Desde as mais simples às mais complexas
Google Charts Plotly Variance Vega
Bokeh D3 Matplotlib R charts
Carto Charted Flourish Tableau

18. Como escolher?
> Pela familiaridade;
> Pela função;
> Pelo que ela nos permite fazer.

19. D3 | Four Ways to Slice Obama’s 2013 Budget Proposal

20. R | ggplot2

21. Python | Bokeh

22. Python | Seaborn

23. Python | Matplotlib

24. Python | Anaconda

25. Python | Jupyter

26. Python | Colab

27. The State of
Information
Visualization, 2017

28. > Visualizing Uncertainty;
> Sketching and Personal Data;
> Smarter Visualizaton With Statstcs;
> Storytelling;
> A Net Wave of Theory;
> Pies.

29. Eleições | Visualizar a incerteza
“Many things have been tried, some have turned out better than others.
Uncertainty is everythere and needs to be shotn in forecasts, estmates
like the unemployment rate, etc. Too many of these numbers are stll
presented as certain, precise facts, then they’re not.”
[Kosara, 2017]

30. > Criar interesse na visualização;
> Pensar em como visualizar dados pessoais.
Dear Data | Sketching e Dados pessoais

31. Surprise Maps | Mostrar o inesperado
> Como mostrar dados surpreendentes;
> Como realçar insights.

32. “There are stll some out there, no queston. But there seems
to have been a bit of a reckoning tith nets media realizing
that the efort put into those projects isn’t altays torth it.”
[Kosara, 2017]
Tapestry Conference | Storytelling

33. Best of Information
Visualization

34. Visualização com base na distância em termos de tempo | Timemaps

35. Visualização com base nas palavras | Beautiful in English

36. Animação como storytelling | Out of Sight, Out of Mind

37. Visualização com base no som | Listen to Wikipedia

38. Mais exemplos | ReThinking Visualization

39. Perguntas?
Ana Figueiras
http://rethinkingvis.com
@afgueiras
mail@anafgueiras.com