Information visualization toolkit.  Framework extensível  Criação de Softwares interativos  Free license.

Apresentação em tema: "Information visualization toolkit.  Framework extensível  Criação de Softwares interativos  Free license."— Transcrição da apresentação:

1 information visualization toolkit

2  Framework extensível  Criação de Softwares interativos  Free license

3  Componentes para layout  Consultas dinâmicas e interativas  Gráficos  Distorções técnicas de animação  Grafos

4  Conjunto de classes experimentais  Grupo prefuse 73  Swing, Jazz e Piccolo são Java toolkits

5  Ajuda fórum SourceForge  Bug Tacker do SourceForge  Correção de bugs e submeter adicionais  Você se tornar um desenvolvedor

6  Rede social egocêntrica  Visualização básica  Sociograma Interativo  Modo de comparação

7  Information Visualization Reference Model  Série de etapas definidas  Tese de PhD (Data State Model)

8

9  Dados a serem visualizados  Figuras, Grafos, Estrutura de Arquivos, etc  Transformação dos Dados  Estrutura de Dados

10  Grafos  Listas  Árvores  Tabelas

11  Mapeamento Visual  Interface Dados/Visualização  Transformações Visuais

12  Renderização de componentes  Variedade de perspectivas  Múltiplas visões

13  Exemplos dos tipos de aplicações que podem ser construídas com o prefuse toolkit http://prefuse.org/media/prefuse.wmv

14  Dispositivos de Entrada  Processamento  Possibilidade de Mudanças  Dispositivos de saída

15

16  Table, Graph e Tree  Tuple  Node e Edge (itens individuais)  Aggregate (conjunto de ítens)  prefuse.data.expression

17  CSV e texto delimitado (‘\n’, ‘\t’, ‘\r’)  GraphML e TreeML  prefuse.data.io.sql

18

19  Manipulação de Dados Abstratos  Filtering  Item Registry

20  Action  AcctionList  Rendering

21  Mapeamento de Dados Conjunto de dados  Parte dos Dados  Filtering  VisualItem

22  Sua Rotina ◦ Filter Action ◦ Assignment Action ◦ Animator Action  ItemRegistry

23  Objeto central do Prefuse  Gerencia visualização  Armazena VisualItem  Responde ao Filtering

24  Boa performance  Garbage Collection  Conteúdo atualizado por Actions

25  Componente básico  Atualizam VisualItem  Configuram VisualItem  Filter Action

26  Assignment Action  Animator Action  Actions podem ser guardadas em ActionList

27  Executa sequencialmente  É um action  Execução configurável

28  Renderers ◦ API simples consiste de 3 métodos ◦ RendererFactory  Display ◦ Java2D library

29  Visualization  VisualItem  NodeItem e EdgeItem

30  Action  Associação de tarefas a itens  Eventos  Animações

31  Renderer  Desenhar e computar itens  RendererFactory

32  Display  Age como uma “câmera”  Control  ControlAdapter  prefuse.data.query

33  O Prefuse Toolkit originalmente fornece um framework para visualização voltado para a linguagem de programação Java  Visa criar visualizações dinâmicas de dados estruturados e não estruturados.

34  O Prefuse Flare Toolkit oferece ferramentas de visualização e animação para ActionScript e Adobe Flash Player

35  Facilita a criação de visualizações interativas de dados  Pode ser livremente utilizado, modificado e vendido  Flare open-source software é liberado sob uma licença BSD (Copyright © 2007 Regents of the University of California)

36  Utiliza-se a API DRAW do Flash  Concorrente: Flex Charts  Vantage: Open Source

37  Visualização de dados para Web http://flare.prefuse.org/demo

38  Rede social  LOAD Graph graph = null; try { graph = new GraphMLReader().readGraph("/socialnet.xml"); } catch ( DataIOException e ) { e.printStackTrace(); System.err.println("Error loading graph. Exiting..."); System.exit(1); }

39  Rede social  VISUALIZAÇÃO Visualization vis = new Visualization(); vis.add("graph", graph);

40  Rede social  RENDERS //set o nome em cada nó LabelRenderer r = new LabelRenderer("name"); r.setRoundedCorner(8, 8); // cria um render factory //inclui EdgeItems vis.setRendererFactory(new DefaultRendererFactory(r));

41  Rede social  Processando Actions int[] palette = new int[] { ColorLib.rgb(255,180,180), ColorLib.rgb(190,190,255) }; DataColorAction fill = new DataColorAction("graph.nodes", "gender", Constants.NOMINAL, VisualItem.FILLCOLOR, palette);

42  Rede social  Processando Actions ColorAction text = new ColorAction("graph.nodes", VisualItem.TEXTCOLOR, ColorLib.gray(0)); ColorAction edges = new ColorAction("graph.edges", VisualItem.STROKECOLOR, ColorLib.gray(200)); ActionList color = new ActionList(); color.add(fill); color.add(text); color.add(edges);

43  Rede social  Display e controles interativos Display d = new Display(vis); d.setSize(720, 500); d.addControlListener(new DragControl()); d.addControlListener(new PanControl()); d.addControlListener(new ZoomControl());

44  Rede social  Carregando a vizualização JFrame frame = new JFrame("prefuse example"); frame.setDefaultCloseOperation(JFrame.EXIT_ON_CLOSE); frame.add(d); frame.pack(); frame.setVisible(true); vis.run("color"); vis.run("layout");

45  Rede social  LOADING Graph graph = null; try { graph = new GraphMLReader().readGraph("/socialnet.xml"); } catch ( DataIOException e ) { e.printStackTrace(); System.err.println("Error loading graph. Exiting..."); System.exit(1); }

46  Rede social  VISUALIZAÇÃO Visualization vis = new Visualization(); vis.add("graph", graph);

47  Rede social  RENDERS //set o nome em cada nó LabelRenderer r = new LabelRenderer("name"); r.setRoundedCorner(8, 8); // cria um render factory //inclui EdgeItems vis.setRendererFactory(new DefaultRendererFactory(r));

48  Rede social  Processando Actions int[] palette = new int[] { ColorLib.rgb(255,180,180), ColorLib.rgb(190,190,255) }; DataColorAction fill = new DataColorAction("graph.nodes", "gender", Constants.NOMINAL, VisualItem.FILLCOLOR, palette);

49  Rede social  Processando Actions ColorAction text = new ColorAction("graph.nodes", VisualItem.TEXTCOLOR, ColorLib.gray(0)); ColorAction edges = new ColorAction("graph.edges", VisualItem.STROKECOLOR, ColorLib.gray(200)); ActionList color = new ActionList(); color.add(fill); color.add(text); color.add(edges);

50  Rede social  Display e controles interativos Display d = new Display(vis); d.setSize(720, 500); d.addControlListener(new DragControl()); d.addControlListener(new PanControl()); d.addControlListener(new ZoomControl());

51  Rede social  Carregando a vizualização JFrame frame = new JFrame("prefuse example"); frame.setDefaultCloseOperation(JFrame.EXIT_ON_CLOSE); frame.add(d); frame.pack(); frame.setVisible(true); vis.run("color"); vis.run("layout");

52

53

54

55

56

57

58