Information visualization toolkit. Framework extensível Criação de Softwares interativos Free...
Transcript of Information visualization toolkit. Framework extensível Criação de Softwares interativos Free...
![Page 1: Information visualization toolkit. Framework extensível Criação de Softwares interativos Free license.](https://reader033.fdocuments.in/reader033/viewer/2022051515/552fc145497959413d8e0c48/html5/thumbnails/1.jpg)
information visualization toolkit
![Page 2: Information visualization toolkit. Framework extensível Criação de Softwares interativos Free license.](https://reader033.fdocuments.in/reader033/viewer/2022051515/552fc145497959413d8e0c48/html5/thumbnails/2.jpg)
Framework extensível
Criação de Softwares interativos
Free license
![Page 3: Information visualization toolkit. Framework extensível Criação de Softwares interativos Free license.](https://reader033.fdocuments.in/reader033/viewer/2022051515/552fc145497959413d8e0c48/html5/thumbnails/3.jpg)
Componentes para layout
Consultas dinâmicas e interativas
Gráficos
Distorções técnicas de animação
Grafos
![Page 4: Information visualization toolkit. Framework extensível Criação de Softwares interativos Free license.](https://reader033.fdocuments.in/reader033/viewer/2022051515/552fc145497959413d8e0c48/html5/thumbnails/4.jpg)
Conjunto de classes experimentais
Grupo prefuse 73
Swing, Jazz e Piccolo são Java toolkits
![Page 5: Information visualization toolkit. Framework extensível Criação de Softwares interativos Free license.](https://reader033.fdocuments.in/reader033/viewer/2022051515/552fc145497959413d8e0c48/html5/thumbnails/5.jpg)
Ajuda fórum SourceForge
Bug Tacker do SourceForge
Correção de bugs e submeter adicionais
Você se tornar um desenvolvedor
![Page 6: Information visualization toolkit. Framework extensível Criação de Softwares interativos Free license.](https://reader033.fdocuments.in/reader033/viewer/2022051515/552fc145497959413d8e0c48/html5/thumbnails/6.jpg)
Rede social egocêntrica
Visualização básica
Sociograma Interativo
Modo de comparação
![Page 7: Information visualization toolkit. Framework extensível Criação de Softwares interativos Free license.](https://reader033.fdocuments.in/reader033/viewer/2022051515/552fc145497959413d8e0c48/html5/thumbnails/7.jpg)
Information Visualization Reference Model
Série de etapas definidas
Tese de PhD (Data State Model)
![Page 8: Information visualization toolkit. Framework extensível Criação de Softwares interativos Free license.](https://reader033.fdocuments.in/reader033/viewer/2022051515/552fc145497959413d8e0c48/html5/thumbnails/8.jpg)
![Page 9: Information visualization toolkit. Framework extensível Criação de Softwares interativos Free license.](https://reader033.fdocuments.in/reader033/viewer/2022051515/552fc145497959413d8e0c48/html5/thumbnails/9.jpg)
Dados a serem visualizados
Figuras, Grafos, Estrutura de Arquivos, etc
Transformação dos Dados
Estrutura de Dados
![Page 10: Information visualization toolkit. Framework extensível Criação de Softwares interativos Free license.](https://reader033.fdocuments.in/reader033/viewer/2022051515/552fc145497959413d8e0c48/html5/thumbnails/10.jpg)
Grafos
Listas
Árvores
Tabelas
![Page 11: Information visualization toolkit. Framework extensível Criação de Softwares interativos Free license.](https://reader033.fdocuments.in/reader033/viewer/2022051515/552fc145497959413d8e0c48/html5/thumbnails/11.jpg)
Mapeamento Visual
Interface Dados/Visualização
Transformações Visuais
![Page 12: Information visualization toolkit. Framework extensível Criação de Softwares interativos Free license.](https://reader033.fdocuments.in/reader033/viewer/2022051515/552fc145497959413d8e0c48/html5/thumbnails/12.jpg)
Renderização de componentes
Variedade de perspectivas
Múltiplas visões
![Page 13: Information visualization toolkit. Framework extensível Criação de Softwares interativos Free license.](https://reader033.fdocuments.in/reader033/viewer/2022051515/552fc145497959413d8e0c48/html5/thumbnails/13.jpg)
Exemplos dos tipos de aplicações que podem ser construídas com o prefuse toolkit
http://prefuse.org/media/prefuse.wmv
![Page 14: Information visualization toolkit. Framework extensível Criação de Softwares interativos Free license.](https://reader033.fdocuments.in/reader033/viewer/2022051515/552fc145497959413d8e0c48/html5/thumbnails/14.jpg)
Dispositivos de Entrada
Processamento
Possibilidade de Mudanças
Dispositivos de saída
![Page 15: Information visualization toolkit. Framework extensível Criação de Softwares interativos Free license.](https://reader033.fdocuments.in/reader033/viewer/2022051515/552fc145497959413d8e0c48/html5/thumbnails/15.jpg)
![Page 16: Information visualization toolkit. Framework extensível Criação de Softwares interativos Free license.](https://reader033.fdocuments.in/reader033/viewer/2022051515/552fc145497959413d8e0c48/html5/thumbnails/16.jpg)
Table, Graph e Tree
Tuple
Node e Edge (itens individuais)
Aggregate (conjunto de ítens)
prefuse.data.expression
![Page 17: Information visualization toolkit. Framework extensível Criação de Softwares interativos Free license.](https://reader033.fdocuments.in/reader033/viewer/2022051515/552fc145497959413d8e0c48/html5/thumbnails/17.jpg)
CSV e texto delimitado (‘\n’, ‘\t’, ‘\r’)
GraphML e TreeML
prefuse.data.io.sql
![Page 18: Information visualization toolkit. Framework extensível Criação de Softwares interativos Free license.](https://reader033.fdocuments.in/reader033/viewer/2022051515/552fc145497959413d8e0c48/html5/thumbnails/18.jpg)
![Page 19: Information visualization toolkit. Framework extensível Criação de Softwares interativos Free license.](https://reader033.fdocuments.in/reader033/viewer/2022051515/552fc145497959413d8e0c48/html5/thumbnails/19.jpg)
Manipulação de Dados Abstratos
Filtering
Item Registry
![Page 20: Information visualization toolkit. Framework extensível Criação de Softwares interativos Free license.](https://reader033.fdocuments.in/reader033/viewer/2022051515/552fc145497959413d8e0c48/html5/thumbnails/20.jpg)
Action
AcctionList
Rendering
![Page 21: Information visualization toolkit. Framework extensível Criação de Softwares interativos Free license.](https://reader033.fdocuments.in/reader033/viewer/2022051515/552fc145497959413d8e0c48/html5/thumbnails/21.jpg)
Mapeamento de Dados
Conjunto de dados Parte dos Dados Filtering VisualItem
![Page 22: Information visualization toolkit. Framework extensível Criação de Softwares interativos Free license.](https://reader033.fdocuments.in/reader033/viewer/2022051515/552fc145497959413d8e0c48/html5/thumbnails/22.jpg)
Sua Rotina◦ Filter Action◦ Assignment Action◦ Animator Action
ItemRegistry
![Page 23: Information visualization toolkit. Framework extensível Criação de Softwares interativos Free license.](https://reader033.fdocuments.in/reader033/viewer/2022051515/552fc145497959413d8e0c48/html5/thumbnails/23.jpg)
Objeto central do Prefuse
Gerencia visualização
Armazena VisualItem
Responde ao Filtering
![Page 24: Information visualization toolkit. Framework extensível Criação de Softwares interativos Free license.](https://reader033.fdocuments.in/reader033/viewer/2022051515/552fc145497959413d8e0c48/html5/thumbnails/24.jpg)
Boa performance
Garbage Collection
Conteúdo atualizado por Actions
![Page 25: Information visualization toolkit. Framework extensível Criação de Softwares interativos Free license.](https://reader033.fdocuments.in/reader033/viewer/2022051515/552fc145497959413d8e0c48/html5/thumbnails/25.jpg)
Componente básico
Atualizam VisualItem
Configuram VisualItem
Filter Action
![Page 26: Information visualization toolkit. Framework extensível Criação de Softwares interativos Free license.](https://reader033.fdocuments.in/reader033/viewer/2022051515/552fc145497959413d8e0c48/html5/thumbnails/26.jpg)
Assignment Action
Animator Action
Actions podem ser guardadas em ActionList
![Page 27: Information visualization toolkit. Framework extensível Criação de Softwares interativos Free license.](https://reader033.fdocuments.in/reader033/viewer/2022051515/552fc145497959413d8e0c48/html5/thumbnails/27.jpg)
Executa sequencialmente
É um action
Execução configurável
![Page 28: Information visualization toolkit. Framework extensível Criação de Softwares interativos Free license.](https://reader033.fdocuments.in/reader033/viewer/2022051515/552fc145497959413d8e0c48/html5/thumbnails/28.jpg)
Renderers◦ API simples consiste de 3 métodos
◦ RendererFactory
Display◦ Java2D library
![Page 29: Information visualization toolkit. Framework extensível Criação de Softwares interativos Free license.](https://reader033.fdocuments.in/reader033/viewer/2022051515/552fc145497959413d8e0c48/html5/thumbnails/29.jpg)
Visualization
VisualItem
NodeItem e EdgeItem
![Page 30: Information visualization toolkit. Framework extensível Criação de Softwares interativos Free license.](https://reader033.fdocuments.in/reader033/viewer/2022051515/552fc145497959413d8e0c48/html5/thumbnails/30.jpg)
Action
Associação de tarefas a itens
Eventos
Animações
![Page 31: Information visualization toolkit. Framework extensível Criação de Softwares interativos Free license.](https://reader033.fdocuments.in/reader033/viewer/2022051515/552fc145497959413d8e0c48/html5/thumbnails/31.jpg)
Renderer
Desenhar e computar itens
RendererFactory
![Page 32: Information visualization toolkit. Framework extensível Criação de Softwares interativos Free license.](https://reader033.fdocuments.in/reader033/viewer/2022051515/552fc145497959413d8e0c48/html5/thumbnails/32.jpg)
Display
Age como uma “câmera”
Control
ControlAdapter
prefuse.data.query
![Page 33: Information visualization toolkit. Framework extensível Criação de Softwares interativos Free license.](https://reader033.fdocuments.in/reader033/viewer/2022051515/552fc145497959413d8e0c48/html5/thumbnails/33.jpg)
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.
![Page 34: Information visualization toolkit. Framework extensível Criação de Softwares interativos Free license.](https://reader033.fdocuments.in/reader033/viewer/2022051515/552fc145497959413d8e0c48/html5/thumbnails/34.jpg)
O Prefuse Flare Toolkit oferece ferramentas de visualização e animação para ActionScript e Adobe Flash Player
![Page 35: Information visualization toolkit. Framework extensível Criação de Softwares interativos Free license.](https://reader033.fdocuments.in/reader033/viewer/2022051515/552fc145497959413d8e0c48/html5/thumbnails/35.jpg)
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)
![Page 36: Information visualization toolkit. Framework extensível Criação de Softwares interativos Free license.](https://reader033.fdocuments.in/reader033/viewer/2022051515/552fc145497959413d8e0c48/html5/thumbnails/36.jpg)
Utiliza-se a API DRAW do Flash
Concorrente: Flex Charts
Vantage: Open Source
![Page 37: Information visualization toolkit. Framework extensível Criação de Softwares interativos Free license.](https://reader033.fdocuments.in/reader033/viewer/2022051515/552fc145497959413d8e0c48/html5/thumbnails/37.jpg)
Visualização de dados para Web
http://flare.prefuse.org/demo
![Page 38: Information visualization toolkit. Framework extensível Criação de Softwares interativos Free license.](https://reader033.fdocuments.in/reader033/viewer/2022051515/552fc145497959413d8e0c48/html5/thumbnails/38.jpg)
Rede social LOADGraph graph = null; try {
graph = new GraphMLReader().readGraph("/socialnet.xml"); } catch ( DataIOException e )
{ e.printStackTrace(); System.err.println("Error
loading graph. Exiting..."); System.exit(1);
}
![Page 39: Information visualization toolkit. Framework extensível Criação de Softwares interativos Free license.](https://reader033.fdocuments.in/reader033/viewer/2022051515/552fc145497959413d8e0c48/html5/thumbnails/39.jpg)
Rede social
VISUALIZAÇÃO
Visualization vis = new Visualization(); vis.add("graph", graph);
![Page 40: Information visualization toolkit. Framework extensível Criação de Softwares interativos Free license.](https://reader033.fdocuments.in/reader033/viewer/2022051515/552fc145497959413d8e0c48/html5/thumbnails/40.jpg)
Rede social RENDERS
//set o nome em cada nóLabelRenderer r = new LabelRenderer("name");
r.setRoundedCorner(8, 8);
// cria um render factory//inclui EdgeItemsvis.setRendererFactory(new DefaultRendererFactory(r));
![Page 41: Information visualization toolkit. Framework extensível Criação de Softwares interativos Free license.](https://reader033.fdocuments.in/reader033/viewer/2022051515/552fc145497959413d8e0c48/html5/thumbnails/41.jpg)
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);
![Page 42: Information visualization toolkit. Framework extensível Criação de Softwares interativos Free license.](https://reader033.fdocuments.in/reader033/viewer/2022051515/552fc145497959413d8e0c48/html5/thumbnails/42.jpg)
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);
![Page 43: Information visualization toolkit. Framework extensível Criação de Softwares interativos Free license.](https://reader033.fdocuments.in/reader033/viewer/2022051515/552fc145497959413d8e0c48/html5/thumbnails/43.jpg)
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());
![Page 44: Information visualization toolkit. Framework extensível Criação de Softwares interativos Free license.](https://reader033.fdocuments.in/reader033/viewer/2022051515/552fc145497959413d8e0c48/html5/thumbnails/44.jpg)
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");
![Page 45: Information visualization toolkit. Framework extensível Criação de Softwares interativos Free license.](https://reader033.fdocuments.in/reader033/viewer/2022051515/552fc145497959413d8e0c48/html5/thumbnails/45.jpg)
Rede social LOADINGGraph graph = null; try {
graph = new GraphMLReader().readGraph("/socialnet.xml"); } catch ( DataIOException e )
{ e.printStackTrace(); System.err.println("Error
loading graph. Exiting..."); System.exit(1);
}
![Page 46: Information visualization toolkit. Framework extensível Criação de Softwares interativos Free license.](https://reader033.fdocuments.in/reader033/viewer/2022051515/552fc145497959413d8e0c48/html5/thumbnails/46.jpg)
Rede social VISUALIZAÇÃO
Visualization vis = new Visualization(); vis.add("graph", graph);
![Page 47: Information visualization toolkit. Framework extensível Criação de Softwares interativos Free license.](https://reader033.fdocuments.in/reader033/viewer/2022051515/552fc145497959413d8e0c48/html5/thumbnails/47.jpg)
Rede social RENDERS
//set o nome em cada nóLabelRenderer r = new LabelRenderer("name");
r.setRoundedCorner(8, 8);
// cria um render factory//inclui EdgeItemsvis.setRendererFactory(new DefaultRendererFactory(r));
![Page 48: Information visualization toolkit. Framework extensível Criação de Softwares interativos Free license.](https://reader033.fdocuments.in/reader033/viewer/2022051515/552fc145497959413d8e0c48/html5/thumbnails/48.jpg)
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);
![Page 49: Information visualization toolkit. Framework extensível Criação de Softwares interativos Free license.](https://reader033.fdocuments.in/reader033/viewer/2022051515/552fc145497959413d8e0c48/html5/thumbnails/49.jpg)
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);
![Page 50: Information visualization toolkit. Framework extensível Criação de Softwares interativos Free license.](https://reader033.fdocuments.in/reader033/viewer/2022051515/552fc145497959413d8e0c48/html5/thumbnails/50.jpg)
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());
![Page 51: Information visualization toolkit. Framework extensível Criação de Softwares interativos Free license.](https://reader033.fdocuments.in/reader033/viewer/2022051515/552fc145497959413d8e0c48/html5/thumbnails/51.jpg)
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");
![Page 52: Information visualization toolkit. Framework extensível Criação de Softwares interativos Free license.](https://reader033.fdocuments.in/reader033/viewer/2022051515/552fc145497959413d8e0c48/html5/thumbnails/52.jpg)
![Page 53: Information visualization toolkit. Framework extensível Criação de Softwares interativos Free license.](https://reader033.fdocuments.in/reader033/viewer/2022051515/552fc145497959413d8e0c48/html5/thumbnails/53.jpg)
![Page 54: Information visualization toolkit. Framework extensível Criação de Softwares interativos Free license.](https://reader033.fdocuments.in/reader033/viewer/2022051515/552fc145497959413d8e0c48/html5/thumbnails/54.jpg)
![Page 55: Information visualization toolkit. Framework extensível Criação de Softwares interativos Free license.](https://reader033.fdocuments.in/reader033/viewer/2022051515/552fc145497959413d8e0c48/html5/thumbnails/55.jpg)
![Page 56: Information visualization toolkit. Framework extensível Criação de Softwares interativos Free license.](https://reader033.fdocuments.in/reader033/viewer/2022051515/552fc145497959413d8e0c48/html5/thumbnails/56.jpg)
![Page 57: Information visualization toolkit. Framework extensível Criação de Softwares interativos Free license.](https://reader033.fdocuments.in/reader033/viewer/2022051515/552fc145497959413d8e0c48/html5/thumbnails/57.jpg)
![Page 58: Information visualization toolkit. Framework extensível Criação de Softwares interativos Free license.](https://reader033.fdocuments.in/reader033/viewer/2022051515/552fc145497959413d8e0c48/html5/thumbnails/58.jpg)