Brazilian researchers have made advances in data visualization. Several conferences in 2015 featured talks and discussions about data visualization. Researchers explored how to use data visualization to tell stories and make data more accessible to everyday people. Examples of applications included ambient display systems to show bus arrival times, physical interfaces for air quality data, web interfaces, data journalism projects, and collaborative cartographic interfaces.

1. Data Visualization:
advances by Brazilian researchers
Júlia Rabetti Giannella
Ph.D. Candidate - Design, ESDI – UERJ
Research assistant, IMPA
Rodrigo Medeiros
Professor, Design, IFPB – Cabedelo
Ph.D. Candidate – Computer Science, CIn-UFPE
VII Information Design International Conference - CIDI
Brasília, September 2-5, 2015

2. 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

3. Giannella, J. R.; Medeiros, R. | CIDI 2015
VENUS STAGE
5 talks about data visaulization
Source: personal archive

4. 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)

5. “what is data visualization and for
what purpose it serves?”
Giannella, J. R.; Medeiros, R. | CIDI 2015

6. “what is data visualization and for
what purpose it serves?”
Giannella, J. R.; Medeiros, R. | CIDI 2015

7. “how we can innovate and produce
relevant knowledge through data
visualization?”
Giannella, J. R.; Medeiros, R. | CIDI 2015

8. “what are the necessary skills and
knowledge areas to produce data
visualizations?”
Giannella, J. R.; Medeiros, R. | CIDI 2015

9. “how to treat the data
as being linked to
our daily lives? ”
Giannella, J. R.; Medeiros, R. | CIDI 2015

10. “how to produce
data visualization
with visual appeal?”
Giannella, J. R.; Medeiros, R. | CIDI 2015

11. But…
Giannella, J. R.; Medeiros, R. | CIDI 2015

12. Giannella, J. R.; Medeiros, R. | CIDI 2015Source: personal archive

13. Data is not
necessarily complex,
hermetic and abstract.…
Giannella, J. R.; Medeiros, R. | CIDI 2015

14. … If the data is dealt with properly
organized and displayed,
it can tell stories.
Giannella, J. R.; Medeiros, R. | CIDI 2015

15. Source: Nathan Yau

16. Information Design
Data Visualization

17. Information
Visualization
Scientific
Visualization
Information Design
Data Visualization
Source: Few, 2009

18. 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

19. Data
Visualization

20. Information
Visualization
Cairo (2008), Card et al.
(1999); Few (2009);
Kosara (2007);
Manovich (2011);
Spence (2007)
Narrative
Visualzation
Ciuccarelli
(2012)
Graphics
Bertin
(2010)
Diagram
Frascara
(2011)
Graphic
representation
Engelhardt
(2002)
Data
graphics
Tufte
(1983)
Source: GIiannella 2014

21. Systematize a theory
about data visualization
(predominantly visual approach)
Giannella, J. R.; Medeiros, R. | CIDI 2015
Jacques
Bertin
(1960s)
Edward
Tufte
(1980s)

22. Semiologie Graphique
Giannella, J. R.; Medeiros, R. | CIDI 2015
Jacques
Bertin
(1960s)

23. monosemic system of codes for building
graphics that may be classified as diagrams,
networks and maps
Giannella, J. R.; Medeiros, R. | CIDI 2015
Jacques
Bertin
(1960s)

24. Source: Giannella, 2014, p. 47

25. what are the possible
applications in
data visualization?
and what are the
results of them?
Giannella, J. R.; Medeiros, R. | CIDI 2015

26. • Ambient Display Systems
• Physical interfaces
• Web interfaces
• Data journalism
• Cartographic interfaces
Giannella, J. R.; Medeiros, R. | CIDI 2015
CAMPUS PARTY BRAZIL 2015

27. 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

28. 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

29. Giannella, J. R.; Medeiros, R. | CIDI 2015Fonte: Pinheiro, 2015.
AMBIENT DISPLAY SYSTEMS

30. Giannella, J. R.; Medeiros, R. | CIDI 2015
PHYSICAL INTERFACES

32. Giannella, J. R.; Medeiros, R. | CIDI 2015Source: personal archive
Warning – Real Time Global Air Quality Display

33. Giannella, J. R.; Medeiros, R. | CIDI 2015

34. Giannella, J. R.; Medeiros, R. | CIDI 2015

38. WEB INTERFACES
Source: Kosminsky;
Esperança, 2015

39. DATA JOURNALISM
SuperInteressante Magazine
Giannella, J. R.; Medeiros, R. | CIDI 2015

40. DATA JOURNALISM
SuperInteressante Magazine
Giannella, J. R.; Medeiros, R. | CIDI 2015

41. DATA JOURNALISM
SuperInteressante Magazine
Giannella, J. R.; Medeiros, R. | CIDI 2015

42. Giannella, J. R.; Medeiros, R. | CIDI 2015
DATA JOURNALISM
SuperInteressante Magazine

43. 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.

44. Giannella, J. R.; Medeiros, R. | CIDI 2015
CARTOGRAPHIC INTERFACES
collaboration
Public instance
(Government)
Scientific communities
(University)
dialogic interactions
User - Citizens

45. 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

46. 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>

47. Giannella, J. R.; Medeiros, R. | CIDI 2015
CARTOGRAPHIC INTERFACES
Fogo no barraco
Source: Fogo no Barraco. Disponível em: <http://fogonobarraco.laboratorio.us/>

48. Giannella, J. R.; Medeiros, R. | CIDI 2015
CARTOGRAPHIC INTERFACES
Onde fui roubado
Source: Onde fui roubado. Disponível em: <http://www.ondefuiroubado.com.br/>

49. Giannella, J. R.; Medeiros, R. | CIDI 2015
CARTOGRAPHIC INTERFACES
Muda SP
Source: Muda SP. Disponível: <http://www.muda.org.br/mapa/>

50. 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/>

51. Thank you!
juliagiannella@gmail.com
@juliagiannella
rodrigo.medeiros@ifpb.edu.br
@medeiros_rod
Giannella, J. R.; Medeiros, R. | CIDI 2015

52. 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