Snap Together Visualization

Introdução - ExploraçãoVisual de Dados

• Aplicada em conjuntos de dados abstratos.

• Facilitar a percepção de padrões, tendências, relacionamentos e exceções contidas nos dados.

• explorar a capacidade humana de interpretar representações visuais.

• interação direta e orientação do processo pelo usuário.

• Múltiplas visualizações permitem observar os dados sob várias perspectivas e explorar os pontos fortes e minimizar o efeito dos pontos fracos das diversas técnicas

Exemplo - Windows Explorer

Snap Together Visualization

• Possibilita aos usuários criarem suas próprios ambientes de visualização.

• Utiliza conceitos do modelo relacional.

• Interface gráfica para estabelecimento das coordenações pelo usuário.

• API simples para desenvolvimento e integração de novas visualizações à plataforma.

Snap Together Visualization

Flexibilidades

• Dados: Pode-se carregar diferentes conjuntos de dados a serem visualizados

• Visualizações: Pode-se utilizar diferentes conjuntos de visualizações

• Coordenações: Pode-se escolher diferentes tipos de coordenações entre pares de visualizações

Níveis de Fexibilidade

• Nível 0: Sem Flexibilidade.

• Nível 1: Flexibilidade de dados.

• Nível 2: Flexibilidade de dados e visualizações

• Nível 3: Flexibilidade de dados, visualizações e coordenações

Snap - Modelo Relacional

• Relação (Tabela ou Consulta) - Visualização

• Tupla - Item da Visualização

• Chave Primária - Identificador do Item

• Junção - Coordenação

Modelo - Exemplo

Tipos de Ações no Snap

• Selecionar: Quando uma tupla está selecionada, ela estará destacada das demais

• Navegar (scroll, zoom): Trazer a tupla selecionada para o centro da visualização

• Destacar: Algumas visualizações permitem destacar algumas tuplas e selecionar outras

• Carregar: Carregar os dados de uma tabela com base em uma chave estrangeira de outra tabela

Exemplos de Visualizações - Table

• Ações:– Selecionar– Scroll– Carregar

• Atributos– Todos

Exemplos - Consultas Dinâmicas

• Componente de controle

• Ações– Selecionar– Carregar

• Atributos– Todos

Exemplos - Coordenadas Paralelas

• Ações– Selecionar– Carregar– Destacar

• Atributos– Todos

Exemplos - Scatterplot

• Ações– Selecionar

– Carregar

• Atributos– X

– Y

– Cor

– Intensidade

– Forma

– Tamanho

– Rótulo

Exemplos - TreeMap

• Açoes– Selecionar

– Carregar

– Mouse Over

– Zoom

• Atributos– Posicionamento

(vários níveis)

– Tamanho

– Cor

– Rótulo

Tipos de Relações

• 1 - 1: Relaciona a chave primária com chave primária, geralmente na mesma tabela

• 1 - N: Relaciona uma ação na chave primária com uma ação envolvendo a chave estrangeira em outra visualização

• N - N: Funciona como uma relação bidirecional pois algumas coordenações no Snap funcionam de modo bidirecional

• Sem relação: Deve ser criado uma relação via consulta SQL

Tipos de Coordenações

• Brushing-and-linking: – 1 - 1

– Selec. <-> Selec.

Tipos de Coordenações

• Visão geral e visão detalhada – 1 - 1

– Selec. -> Scroll

Tipos de Coordenações

• Carregar sob demanda: – 1 - N

– Selec. -> Carregar

Tipos de Coordenações

• Scrolling sincronizado:– 1 - 1– Scroll -> Scroll

• Detalhes sob demanda– 1 - 1– Selecionar -> Carregar

Snap API

• Para que uma visualização seja compatível com a API do Snap, precisa de algumas funcionalidades:– um método para carregar os dados passados pelo Snap.

Esses dados as vezes precisam ser traduzidos pela visualização.

– métodos para cada uma das ações possíveis. Toda vez que alguma ação coordenada é ativada, a visualização precisa saber o que fazer para refleti-las.

Restrições

• Apenas coordena visualizações cujas tabelas tenham algum relacionamento entre si (Não é possível relacionar tabelas por um outro atributo que não seja chave).

• Oferece um número limitado de possibilidades de coordenações (não-expansível).

• Algumas coordenações são sempre bidirecionais

• Trabalha somente com consultas SQL via JDBC

Bibliografia• http://infovis.cs.vt.edu/snap/

• http://www.cs.umd.edu/hcil/snap

• North, C., Shneiderman, B., "Snap-Together Visualization: A User Interface for Coordinating Visualizations via Relational Schemata", Proc. Advanced Visual Interfaces 2000, (May 2000).

• North, C., Shneiderman, B., "Snap-Together Visualization: Can Users Construct and Operate Coordinated Views?", University of Maryland Computer Science Dept., (2000).

• North, C., "A User Interface for Coordinating Visualizations based on Relational Schemata: Snap-Together Visualization", University of Maryland Computer Science Dept. Doctoral Dissertation, (May 2000).

• Conklin, N., "A web-based, run-time extensible architecture for interactive visualization and exploration of diverse data", Virginia Polytechnic Institute and State University, Department of Computer Science, Master Thesis, (December 2002).