information visualization - invited lecture - webdesign ii - fbaul

Information Visualization

2

Estudante do doutoramento em Media Digitais do programa UT Austin | Portugal Digital e faço investigação em Information Visualization e storytelling, mais especificamente em formas visuais de storytelling. O meu objectivo é identificar as melhores estratégias para incorporar elementos narrativos nas visualizações e descobrir quais os elementos que podem dar a sensação de storytelling nas visualizations. Sou licenciada em Ciências da Comunicação e tenho um mestrado em Novos Media e Práticas Web.

Mais sobre mim em:http://rethinkingvis.com/http://twitter.com/[email protected]

SOBREAna Figueiras

Information visualization by Ana Figueiras

http://rethinkingvis.com/

http://twitter.com/afigueiras

COMUNICAÇÃO?

É possivel estudar-se Infovis em Ciências Sociais? SIM

Mas Information visualization não é design? NÃO, a menos que vejam design como Herbert Simon (1988) - "Everyone designs who devises courses of action aimed at changing existing situations into preferred ones."

"The term Information visualization refers to computer-supported interactive graphical representations of information" (Card et al., 1999b; C. Chen, 2010).

"Showing the stories in data through statistics, design, aesthetics, and code” - Definição de visualization do Flowing Data.

Simon, Herbert A. "The science of design: creating the artificial." Design Issues (1988): 67-82.

Card, Stuart K., Jock D. Mackinlay, and Ben Shneiderman. Readings in information visualization: using vision to think. Morgan Kaufmann, 1999.

Chen, Chaomei. "Information visualization." Wiley Interdisciplinary Reviews: Computational Statistics 2.4 (2010): 387-403.

3Information visualization by Ana Figueiras

O QUE É INFOVIS?

Não há consenso sobre os muitos nomes utilizados em visualização. Information visualization, data visualization, infographics e outros termos são frequentemente utilizados indistintamente e a confusão é geralmente estendida para as suas definições, que muitas vezes se sobrepõem.

Na maioria das vezes a Information visualization é considerado como sendo um termo genérico que abrange vários outros subtipos de visualização.


ArtisticvisHurricane Noel

AmbientvisMondrian bus schedule

ScivisNASA’s El Nino impact visualization

Visual analyticsStatistical Analysis Software

QUEM FAZ INFOVIS?


Alberto CairoJournalismUniversity of Miami

Mike BostockComputer ScienceD3

David McCandlessEnglishInformation is Beautiful

Nathan YauStatisticsFlowingData

Robert KosaraComputer ScienceTableau Software

Fernanda ViégasDesignGoogle

Martin WattenbergMathematicsGoogle

Cole NussbaumerMathematicsStorytelling with data

Andy KirkOperational ResearchVisualising data

Edward TufteStatisticsVisualization guru

VISUAL STORYTELLING

Na minha investigação, eu parto da premissa levantada pela Carte figurative des pertes successives en hommes de l'Armée Française dans la campagne de Russie 1812-1813 de Charles Minard, de que as visualizações são capazes de contar histórias, e exploro que estratégias podem ser utilizadas para as introduzir nas visualizações.


Essas estratégias vão desde a adição de pequenos artigos/histórias ou elementos narrativos utilizando anotações ou metáforas como o tempo para introduzir a sensação de storytelling ou sensação do fluxo da narrativa, a estratégias mais complexas como a gamification.

CONTRIBUIÇÕES

● Tipologia de visualizações:

● Chart/Diagram; Drawing; Game; Map; Model; Photograph; Poster; Sequential Graphic; Slide Show; Tag Cloud; Video/Animation.

● http://rethinkingvis.com/

● Taxonomia de interacções:

● Filtering; Selecting; Abstract/Elaborate; Overview and Explore; Connect/Relate; Reconfigure; Encode; History; Extraction of features; Participation/Collaboration; Gamification.

● Estratégias que promovem a sensação de narrativa:

● Interactivity and its relation with context; Empathy; The relation between time and narrative; Gamification as a way of storytelling.


TYPOLOGY


200 visualizations 11 types or genres of data visualization

● Narrative elements– Accompanying article, Annotations, Audio narration,

Captions, External link, Introductory text, Text, Title, and Video narration.

● Reading/viewing order– Linear; user-directed path.

● Visual elements– Animation, Area chart, Bar chart, Bubble chart, Doughnut

chart, Exploded view, Flowchart, Graph, Heat map, Histogram, Illustration (previously named Drawing), Line chart, Logo, Map, Model, Network diagram, Photograph, Pictogram, Pie chart, Pyramid, Scale, Scatter plot, Size representing quantity, Speech balloon, Sunburst chart, Table, Tag cloud, Timeline, Tool tip, Tree diagram, Treemap, Venn diagram, Video, Wheel and Zoom.

● Interactive elements– Click details, Click highlight, Combo box, Drag objects,

Filtering, Gamification (previously named Game Mechanics), Hover details, Hover highlight, Input box, Link to external article, Link to the raw data, Navigation buttons, Object react to mouse movement, Player controls, Scroll activated animations, Scroll bar, Search, Slider, User contribution and Zoom.

Sequential Graphic

Drawing

Slide Show Video/Animation

Chart/Diagram Photograph

Map Poster

Tag Cloud Game

Model

TYPOLOGY


As categorias foram escolhidas de acordo com os elementos que são mais proeminentes e que influenciam mais a interacção que o utilizador tem com a visualização. Estes géneros variam principalmente em termos de elementos visuais e elementos de interactividade e não são mutuamente exclusivas, sendo possível combinar géneros para classificar visualizações mais complexas.

RETHINKING VISUALIZATION


TAXONOMY


Filtering Only show me the data in which I am interested

Selecting Mark or track items in which I am interested

Abstract/Elaborate Adjust the level of abstraction of the data

Overview and Explore Overview first, zoom and filter, then details-on-demand

Connect/Relate Show me how this data is related

Reconfigure Give me a different arrangement of the data

Encode Give me a different representation of the data

History Allow me to retrace the steps I take in the exploration of the data

Extraction of features Allow me to extract data in which I am interested

Participation/Collaboration

Allow me to contribute to the data

Gamification Show me the data in a more playful way

TAXONOMY


FILTERINGOnly show me the data in which I am interested

FILTERING

13Information visualization by Ana FigueirasBloomberg Billionaires

TAXONOMY


SELECTINGMark or track items in which I am interested

SELECTING

15Information visualization by Ana FigueirasStrikeouts on the Rise

TAXONOMY


ABSTRACT/ELABORATEAdjust the level of abstraction of the data

ABSTRACT/ELABORATE

17Information visualization by Ana FigueirasD3 Treemap + Death Penalty in the US

Zooming: Overview of the treemap Zooming: After click on the light green area

Details-on-demand: Tool tip with extra information shows up on click

Linking: Links allow the user to access extra information

TAXONOMY


OVERVIEW AND EXPLOREOverview first, zoom and filter, then details-on-demand

OVERVIEW AND EXPLORE

19Information visualization by Ana FigueirasConnected China

Overview Explore

TAXONOMY


CONNECT/RELATEShow me how this data is related

CONNECT/RELATE

21Information visualization by Ana FigueirasThe Clubs That Connect the World Cup

TAXONOMY


RECONFIGUREGive me a different arrangement of the data

RECONFIGURE

23Information visualization by Ana FigueirasAs the Oscars age, so do the nominees

Age difference of nominees Actual age of nominees

TAXONOMY


ENCODEGive me a different representation of the data

ENCODE

25Information visualization by Ana FigueirasBloomberg Billionaires

Data encoded on a plot Same data encoded on a map

TAXONOMY


HISTORYAllow me to retrace the steps I take in the exploration of the data

HISTORY


“Information exploration is inherently a process with many steps, so keeping the history of actions and allowing users to retrace their steps is important” Shneiderman (1996).

Shneiderman, Ben. "The eyes have it: A task by data type taxonomy for information visualizations." Visual Languages, 1996. Proceedings., IEEE Symposium on. IEEE, 1996.

Ao darmos aos utilizadores a possibilidade de fazer e desfazer as suas acções permite-lhes não só recuperar de erros na exploração de dados, mas também para refinar progressivamente a exploração. Em 1996 Shneiderman disse que esta era uma das técnica interacção mais ignorada em infovis e continua a ser.

TAXONOMY


EXTRACTION OF FEATURESAllow me to extract data in which I am interested

EXTRACTION OF FEATURES

29Information visualization by Ana FigueirasBoundary Changes

TAXONOMY


GAMIFICATIONShow me the data in a more playful way

GAMIFICATION

31Information visualization by Ana FigueirasGauging Your Distraction

TAXONOMY


PARTICIPATION/COLLABORATIONAllow me to contribute to the data

PARTICIPATION/COLLABORATION

33Information visualization by Ana FigueirasHome and Away


Participation/collaboration são tendências relativamente novas em infovis, apesar de não o serem em muitas outras áreas dentro da computação. Constroem-se sobre a crescente vontade de dar aos utilizadores mais poder em relação aos conteúdos que consomem e têm por base a cultura participativa. Este neologismo, explorado pela primeira vez por Henry Jenkins, opõe-se à cultura de consumo, transformando o utilizador num produser (Bruns, 2008), que não só participa como consumidor, mas também contribui para o conteúdo que consome, moldando-o às suas necessidades. A cultura participativa começou como um fenómeno alternativo, muitas vezes vista como uma subcultura paralela, no entanto, é “anything but fringe or underground today” (Jenkins, 2006, p. 2) e é abraçada pela maioria das instituições, da educação até aos media e à publicidade. Cresceu a partir dos blogs, fóruns e listas de discussão e é agora um recurso integrado em diferentes domínios, e a infovis é um deles.

Jenkins, Henry. Fans, bloggers, and gamers: Exploring participatory culture. nyu Press, 2006.



Na investigação em infovis, esta inclusão da cultura participativa é chamada de participação ou colaboração. Em geral os dois termos convergem para a mesma definição, mas também são utilizados para caracterizar tipos de interacção ligeiramente diferentes. As definições mais comuns centram-se no facto de existir mais do que uma pessoa a contribuir para a interpretação/compreensão da visualização, partilhando as suas percepções e estando geralmente separadas geograficamente (Isenberg et al., 2011; Raje et al., 1998). Um conceito que normalmente acompanha estas definições é o conceito de social data analysis (SDA), que, de acordo com Wattenberg (2005), diz respeito à interação social em torno da análise de dados.

Isenberg, Petra, et al. "Collaborative visualization: definition, challenges, and research agenda." Information Visualization 10.4 (2011): 310-326.

Raje, Rajeev R., Michael Boyles, and Shiaofen Fang. "CEV: collaborative environment for visualization using Java RMI." Concurrency - Practice and Experience 10.11-13 (1998): 1079-1085.

Wattenberg, Martin. "Baby names, visualization, and social data analysis." Information Visualization, 2005. INFOVIS 2005. IEEE Symposium on. IEEE, 2005.



Mas a participation/collaboration não é apenas social data analysis.

Participation/collaboration também pode ter um impacto maior sobre a própria visualização. Por exemplo, a visualização da CNN Home and Away: Iraq and Afghanistan War Casualties que mapeia os soldados que morreram nas guerras no Afeganistão e Iraque, permite que os utilizadores adicionem informações sobre cada soldado. Utilizando o iReport, a ferramenta de jornalismo cidadão da CNN que permite aos utilizadores contribuirem com fotos e vídeos de notícias, os utilizadores podem adicionar memórias e mensagens sobre um determinado soldado que conhecem. O facto das contribuições dos utilizadores funcionarem como uma adição ao dataset e não insights sobre os dados como um todo ou sobre a representação visual, faz com que este tipo de contribuição seja diferente. Este tipo de participation/collaboration torna-se parte da própria visualização, moldando-a de uma forma permanente com alterações nos dados que serão visíveis a outros utilizadores.


Perguntas?Ana [email protected]

http://rethinkingvis.com/

mailto:[email protected]

information visualization - invited lecture - webdesign ii - fbaul

Technology