data visualization: advances by brazilian researchers
TRANSCRIPT
Data Visualization: advances by Brazilian researchers
Júlia Rabetti GiannellaPh.D. Candidate - Design, ESDI – UERJ
Research assistant, IMPA
Rodrigo MedeirosProfessor, Design, IFPB – Cabedelo
Ph.D. Candidate – Computer Science, CIn-UFPE
VII Information Design International Conference - CIDI Brasília, September 2-5, 2015
Giannella, J. R.; Medeiros, R. | CIDI 2015
CAMPUS PARTY BRAZIL 2015
Some datas:
• February 3-8, 2015
• São Paulo EXPO
• 8,000 people involved
• 10 stage performances, 200 hours of content
• News: specific curator of data visualization area/theme
Giannella, J. R.; Medeiros, R. | CIDI 2015
VENUS STAGE
5 talks about data visaulization
Source: personal archive
Giannella, J. R.; Medeiros, R. | CIDI 2015
CIDI and CONGIC 2015
8 talks about data visualization / information visualization
2 keynote speakers about data visualization:• Professor Teal Triggs (Royal College of Art, UK)• Ph.D. Fernanda Viegas (Google, USA)
“what is data visualization and for what purpose it serves?”
Giannella, J. R.; Medeiros, R. | CIDI 2015
“what is data visualization and for what purpose it serves?”
Giannella, J. R.; Medeiros, R. | CIDI 2015
“how we can innovate and produce relevant knowledge through data
visualization?”
Giannella, J. R.; Medeiros, R. | CIDI 2015
“what are the necessary skills and knowledge areas to produce data
visualizations?”
Giannella, J. R.; Medeiros, R. | CIDI 2015
“how to treat the data as being linked toour daily lives? ”
Giannella, J. R.; Medeiros, R. | CIDI 2015
“how to produce data visualization
with visual appeal?”
Giannella, J. R.; Medeiros, R. | CIDI 2015
But…
Giannella, J. R.; Medeiros, R. | CIDI 2015
Giannella, J. R.; Medeiros, R. | CIDI 2015 Source: personal archive
Data is not necessarily complex,
hermetic and abstract.…
Giannella, J. R.; Medeiros, R. | CIDI 2015
… If the data is dealt with properly organized and displayed,
it can tell stories.
Giannella, J. R.; Medeiros, R. | CIDI 2015
Source: Nathan Yau
Information Design
Data Visualization
InformationVisualization
Scientific Visualization
Information Design
Data Visualization
Source: Few, 2009
Information Visualization
Scientific Visualization
Not physical data such as:• financial data;• business data;• collection of documents;• abstract concepts.
DATA
Physical spaces of data and /or physical data such as:• human body;• planet Earth;• molecules.
Giannella, J. R.; Medeiros, R. | CIDI 2015 Source: Few, 2009
Data Visualization
Information VisualizationCairo (2008), Card et al.
(1999); Few (2009); Kosara (2007);
Manovich (2011); Spence (2007)
Narrative Visualzation
Ciuccarelli (2012)
Graphics
Bertin (2010)
DiagramFrascara
(2011)
Graphic representation
Engelhardt (2002)
Data graphics
Tufte (1983)
Source: GIiannella 2014
Systematize a theory about data visualization(predominantly visual approach)
Giannella, J. R.; Medeiros, R. | CIDI 2015
JacquesBertin(1960s)
EdwardTufte
(1980s)
Semiologie Graphique
Giannella, J. R.; Medeiros, R. | CIDI 2015
JacquesBertin(1960s)
monosemic system of codes for building graphics that may be classified as diagrams,
networks and maps
Giannella, J. R.; Medeiros, R. | CIDI 2015
JacquesBertin(1960s)
Source: Giannella, 2014, p. 47
what are the possible applications in
data visualization? and what are the results of them?
Giannella, J. R.; Medeiros, R. | CIDI 2015
• Ambient Display Systems• Physical interfaces• Web interfaces• Data journalism• Cartographic interfaces
Giannella, J. R.; Medeiros, R. | CIDI 2015
CAMPUS PARTY BRAZIL 2015
Giannella, J. R.; Medeiros, R. | CIDI 2015
AMBIENT DISPLAY SYSTEMS
Source: Pinheiro, 2015.
• city buses with GPS;
• They are traced;
• Web interface allows you
to check the arrival time
of the buses stop points in the city;
• require a lot of attention
to get the information.
Ponto Vitória
Giannella, J. R.; Medeiros, R. | CIDI 2015
AMBIENT DISPLAY SYSTEMS
Source: Pinheiro, 2015.
alternative channels to Ponto Vitória via mobile phones require a lot of attention to get the information
Giannella, J. R.; Medeiros, R. | CIDI 2015 Fonte: Pinheiro, 2015.
AMBIENT DISPLAY SYSTEMS
Giannella, J. R.; Medeiros, R. | CIDI 2015
PHYSICAL INTERFACES
Giannella, J. R.; Medeiros, R. | CIDI 2015 Source: personal archive
Warning – Real Time Global Air Quality Display
Giannella, J. R.; Medeiros, R. | CIDI 2015
Giannella, J. R.; Medeiros, R. | CIDI 2015
!
WEB INTERFACES
Source: Kosminsky; Esperança, 2015
DATA JOURNALISM SuperInteressante Magazine
Giannella, J. R.; Medeiros, R. | CIDI 2015
DATA JOURNALISM SuperInteressante Magazine
Giannella, J. R.; Medeiros, R. | CIDI 2015
DATA JOURNALISM SuperInteressante Magazine
Giannella, J. R.; Medeiros, R. | CIDI 2015
Giannella, J. R.; Medeiros, R. | CIDI 2015
DATA JOURNALISM SuperInteressante Magazine
Giannella, J. R.; Medeiros, R. | CIDI 2015
CARTOGRAPHIC INTERFACES
Three innovative features:
1. multidimensionality – the ability to add n informative layers in the same map and relate them;
2. sensors - enables the collection of physical data automatically through interconnected devices (that characterize the phenomenon Internet of Things) and the mapping in cartographic interfaces;
3. collaboration* - a co-working, multidirectional and decentralized framework which leads to a a non-hierarchical work relationship.
* Source: PRETTO, N. Redes colaborativas, ética hacker e educação. Educ. rev. [online]. 2010, vol.26, n.3, pp. 305-316.
Giannella, J. R.; Medeiros, R. | CIDI 2015
CARTOGRAPHIC INTERFACES collaboration
Public instance (Government)
Scientific communities (University)
dialogic interactions
User - Citizens
Giannella, J. R.; Medeiros, R. | CIDI 2015
CARTOGRAPHIC INTERFACES collaboration
Public instance (Government)
Scientific communities (University)
empowerment
User - Citizens
to place the decision-make power into the hands of citizens, which is the highest level of participation
Giannella, J. R.; Medeiros, R. | CIDI 2015
CARTOGRAPHIC INTERFACES Olhos da cidade
Source: Olhos da Cidade. Disponível em: <http://www.rio.rj.gov.br/web/guest/exibeconteudo?id=4997234>
Giannella, J. R.; Medeiros, R. | CIDI 2015
CARTOGRAPHIC INTERFACES Fogo no barraco
Source: Fogo no Barraco. Disponível em: <http://fogonobarraco.laboratorio.us/>
Giannella, J. R.; Medeiros, R. | CIDI 2015
CARTOGRAPHIC INTERFACES Onde fui roubado
Source: Onde fui roubado. Disponível em: <http://www.ondefuiroubado.com.br/>
Giannella, J. R.; Medeiros, R. | CIDI 2015
CARTOGRAPHIC INTERFACES Muda SP
Source: Muda SP. Disponível: <http://www.muda.org.br/mapa/>
Giannella, J. R.; Medeiros, R. | CIDI 2015
CARTOGRAPHIC INTERFACES Arte fora do museu
Source: Arte fora do Museu. Disponível em: <http://arteforadomuseu.com.br/>
Thank you!
@juliagiannella
@medeiros_rod
Giannella, J. R.; Medeiros, R. | CIDI 2015
References• BERTIN, J. Semiology of Graphics: diagrams, networks, maps. California: Esri Press, 2010.• CAIRO, A. Infografía 2.0: visualización interactiva de información en prensa. Madrid: Alamut. 2008.
• CARD, S.; MACKINLAY, J. & SHNEIDERMAN, B. Readings in information visualization: using vision to think. San Francisco: Morgan Kaufmann Publishers, 1999.
• CIUCCARELLI, P. Turning visualizations into stories and “big pictures”. In RENDGEN, S; WIEDEMANN, J (Ed). Information Graphics. Cologne: Taschen, 2012, p. 77-95.
• COSTA, J. La Esquemática. Barcelona: Paidós, 1998.
• DÜRSTELER, J. C. Visualización de información: una visita guiada. Barcelona: Ediciones Gestión 2000, 2003.
• ENGELHARDT, Y. The language of graphics: a framework for the analysis of syntax and meaning in maps, charts and diagrams. Dissertation (Master of Logic) – Institute for Logic, Language and Computation, Universiteit van Amsterdam, 2002.
• FEW, S. Now you see it: simple visualization techniques for quantitative analysis. Oakland: Analytics Press, 2009.
• FRASCARA, J. ¿Qué es el diseño de información? 1a ed. Buenos Aires: Infinito, 2011.
• LAU, A.; VANDE MOERE, A.. (2007). Towards a Model of Information Aesthetic Visualization. IEEE International Conference on Information Visualisation (IV'07), IEEE, Zurich , Switzerland, pp. 87-92.
• MANOVICH, L. O que é visualização? Estudos de Jornalismo e Mídia, Florianópolis, v. 8, n. 1, p. 146-172, jan.-jun. 2011.
• RODRIGUES, M. P. Design de interação e computação pervasiva: um estudo sobre mecanismos atencionais e sistemas de informação ambiente. Tese de doutorado – Departamento de Artes e Design – Pontifícia Universidade Católica do Rio de Janeiro, 2011.
• TUFTE, E. R. The Visual Display of Quantitative Information. Cheshire: Graphics Press, 1983.
• VANDE MOERE, A.; OFFENHUBER, D. (2009) Beyond Ambient Display: A contextual taxonomy of alternative information display. Information Journal of Ambient Computing and Inteligence, 1(2), 39-46, April-June.
Giannella, J. R.; Medeiros, R. | CIDI 2015