Supporting the design of custom static node-ling graph visualization

• Autor(a) principal: Spritzer, Andre Suslik
• Data de Publicação: 2015
• Tipo de documento: Tese
• Idioma: eng
• Título da fonte: Biblioteca Digital de Teses e Dissertações da UFRGS
• Texto Completo: http://hdl.handle.net/10183/122650
• topic: Computação gráfica; Computacao grafica : Aplicacoes; Processamento de imagens; Visualizacao volumetrica; Graph visualization; Node-link diagrams; Interactive layout manipulation; Infographics; Graphic design; Static visualizations

Visualizações de grafos para comunicação aparecem numa variedade de contextos que vão do acadêmico-científico até o jornalístico e até mesmo artístico. Diferente de visualizações de grafos para exploração e análise de dados, essas imagens são usadas para “contar uma história” que já se conhece ao invés da “procura de uma nova história” nos dados. Apesar de ser possível usar software para desenho de grafos e edição de diagramas para produzí-las, visualizações feitas dessa forma nem sempre preenchem os requisitos visuais impostos pelos seus contextos de uso. Programas de edição de imagens podem ser usados para fazer as melhorias necessárias, mas nem todas as modificações são possíveis e o processo de editar essas imagens pode exigir muito tempo e esforço. Neste trabalho, apresentamos uma investigação de visualizações nodo-aresta estáticas para comunicação e de como facilitar sua criação. A partir de uma desconstrução dessas imagens, identificando seus elementos essenciais, e analisando como são criadas, derivamos um conjunto de requisitos que ferramentas para a criação dessas visualizações devem preencher. Para verificar o efeito da metodologia na melhora do fluxo de trabalho de designers, com mais poder e flexibilidade, foi concebido e implementado um protótipo chamado GraphCoiffure. Com um foco especial em auxiliar usuários na criação de visualizações para publicação, Graph- Coiffure foi projetado como uma aplicação standalone que seria usada como um passo intermediário entre programas de desenho e edição de grafos e editores gráficos. Ele combina ferramentas para manipulação interativa de layouts com estilização similar a CSS para permitir que usuários criem e editem visualizações nodo-aresta estáticas. Ilustramos o funcionamento de GraphCoiffure com quatro casos de uso: a adaptação do layout de uma visualização para fazê-la funcionar em uma dada página, a reprodução do estilo de uma visualização e sua aplicação em outro grafo, e a criação integral de duas novas visualizações. Para obter feedback sobre GraphCoiffure, conduzimos uma avaliação informal através de entrevistas com três potenciais usuários, que disseram achar que GraphCoiffure beneficiaria seu trabalho.