Olá pessoal. Neste artigo vou apresentar algumas visualizações de dados não muito comuns mas que valem a pena serem conhecidas. Além de apresentar as visualizações, mostro como fazer para montá-las junto com algumas aplicações práticas.
Apesar do assunto não se relacionar diretamente com o SQL Server ou banco de dados, podemos considerar a visualização de dados um item muito importante quando desejamos apresentar informações. Escolher a forma correta de apresentar os dados permite que eles sejam analisados, comparados e facilmente compreendidos por pessoas não técnicas, como gerentes ou coordenadores de projetos. Infelizmente a maioria das pessoas só conhece os gráficos básicos, como de linha, colunas, barras e pizza. Porém a partir dos links apresentados nesta coluna é possível utilizar gratuitamente novas técnicas que não apenas valorizam os dados mas também tornam o processo de entendimento e compreensão dos mesmos mais fácil e agradável.
As Tag Clouds (nuvem de tags) são uma maneira de visualizar a freqüência de palavras, ou tags. O uso de tag clouds se popularizou devido ao fenômeno dos blogs, pois os blogueiros geralmente fazem o uso de tags em seus posts para facilitar a pesquisa e a classificação do assunto. Em um post o blogueiro pode utiliza tags que ele mesmo define, inclusive associando mais de uma tag para um mesmo post. Por exemplo, em um post que fala sobre o lançamento do novo telefone celular da Apple, o iPhone 3G, o blogueiro pode classificar o conteúdo deste post através das tags Tecnologia e Telefonia. Um exemplo de tag cloud em um blog pode ser visto na Figura 1, que destaca as principais tags utilizadas em um blog de notícias nacional.
Figura 1. Exemplo de tag cloud.
Outros possíveis usos da visualização tag cloud:
a) Análise de discurso. Neste caso a tag cloud é indica qual é a freqüência de palavras utilizadas por uma pessoa. Veja um exemplo de análise do discurso das palavras mais utilizadas pelo candidato à casa branca Barack Obama em um discurso sobre raça no link abaixo:
http://services.alphaworks.ibm.com/manyeyes/view/SeXKzOsOtha611VKPyu2P2~
b) Navegação em notícias. Neste exemplo além de modificar o tamanho da fonte de acordo com a freqüência das palavras nas manchetes de notícias, a tag cloud altera a cor de fundo das palavras da seguinte maneira: quando um usuário posiciona o mouse sobre uma tag, todas as tags da mesma notícia possuem a cor de fundo modificada, que no exemplo é a cor vermelha. Veja o exemplo do Google News Cloud em:
http://fserb.com.br/newscloud/?brasilc) Pesquisa sobre palavras. Para se ter uma idéia do que está sendo mais baixado no seu site indexador de Torrents, o pessoal do Mininova montou uma tag cloud bem interessante. Neste caso as palavras mais pesquisadas são colocadas na tag cloud e fornecem uma idéia do que o público está pesquisando no site. Veja o uso da tag cloud do site Mininova em: http://www.mininova.org/cloud
Não é muito difícil montar uma tag cloud, mesmo para quem não conhece muito sobre programação. Os links abaixo são um ponto de partida para quem deseja montar uma Tag Cloud com dados próprios.
ManyEyes:
http://services.alphaworks.ibm.com/manyeyes/homeMakeCloud:
http://www.makecloud.com/Wordle:
http://wordle.net/Um HeatMap (mapa de calor) é uma visualização de uma figura ou imagem que é manchada em pontos específicos para indicar a freqüência. Este tipo de visualização pode ser utilizado para um estudos sobre a usabilidade de um web site. Neste caso utiliza-se o HeatMap para determinar onde os usuários clicam com mais freqüência na página do site. A Figura 2 apresenta um exemplo de um HeatMap utilizado para identificar as áreas que os usuários mais clicaram em uma página de um site:
Figura 2. Exemplo de HeatMap utilizado para montar um ClickMap.
Um outro exemplo de HeatMap é o estudo que aponta o local onde os usuários mais olham, muito utilizado para avaliar propagandas impressas como planfletos, anúncios em revistas e outros tipos de material impresso. Contudo, para elaborar este tipo de visualização geralmente é necessário contar com um dispositivo de rastreamento ocular. Um local interessante para se obter mais informações sobre este tipo de utilização do HeatMap é apontado pelo link abaixo:
http://www.useit.com/eyetracking/
Um outro exemplo interessante sobre o uso de HeatMap está ligado à área de games. Durante o desenvolvimento do jogo Halo 3 a equipe de testes da Microsoft avaliou quais caminhos os usuários mais utilizavam em um mapa específico. A partir dos caminhos utilizados pelos jogadores montou-se um HeatMap, mostrado na Figura 3, que permitiu à equipe de desenvolvimento alterar o mapa de modo a torná-lo mais competitivo. O link que apresenta uma reportagem descrevendo esta aplicação é:
http://www.wired.com/gaming/virtualworlds/magazine/15-09/ff_halo?currentPage=5
Figura 3. HeatMap utilizado por vários jogadores em um mapa do Halo 3.
Para se montar um HeatMap é preciso utilizar alguma programação. O blog abaixo contém um post que mostra como fazer isso com base em um script Pearl e ferramentas de código livre:
http://blog.corunet.com/english/how-to-make-heat-maps
A Time Line (linha do tempo) é uma ótima maneira de apresentar dados históricos ou que possuem uma ordem cronológica. Esta visualização ganhou fôlego com os novos recursos da Web 2.0, onde é possível inserir imagens, vídeos, sons e outros recursos multimídia em uma Time Line interativa. Dada a natureza dos dados cronológicos existem várias maneiras de se utilizar uma Time Line. Alguns exemplos: cronograma de novas versões de software, datas e tempos de downtime e uptime de servidores, visualização da data de um post em um blog e quantidade de visitas, etc. A Figura 4 apresenta um exemplo de Time Line que traz as datas de lançamentos dos produtos da Apple com direito a links, vídeos e imagens de cada lançamento.
Figura 4. Time Line interativa que mostra os produtos lançados pela Apple.
Montar uma Time Line interativa não é uma função muito difícil. Os links abaixo permitem montar uma Time Line diretamente a partir do browser.
Dipity
http://www.dipity.com/XTime Line
http://www.xTimeLine.com/MyTime Lines
http://www.myTimeLines.net/circaVie
http://www.circavie.com/A visualização chamada Word Tree (árvore de palavras) é uma variação da visualização Mind Map (Mapas Mentais) onde um conceito representado por uma palavra ou frase é relacionado com outros por meio de uma expansão lateral. A idéia desta visualização é facilitar a compreensão dos relacionamentos das palavras de um texto. Por exemplo, a Figura 5 mostra o relacionamento das palavras "god said" encontradas no texto da gênese da bíblia. O link para a visualização desta Work Tree é:
http://services.alphaworks.ibm.com/manyeyes/view/SMhVnJsOtha6DGFIMuizJ2~
Figura 5. Word Tree com palavras da gênese da bíblia.
A idéia é permitir uma visualização interativa do relacionamento entre palavras. Um exemplo importante do uso de Word Tree é o estudo de todas as palavras encontras em um e-mail de um F.A.Q. de uma empresa. A partir da análise as palavras encontradas nos e-mails enviadas para a empresa pôde-se identificar problemas no atendimento e as necessidades mais comuns dos clientes.
Mesmo que os dados a serem apresentados forem colocados em gráficos "padrões", como gráficos de linha ou de coluna, vale a pena pensar em acrescentar algumas perfumarias. Uma destas funcionalidades é a interatividade, algo fundamental para auxiliar a explicação dos dados.
Um exemplo de inclusão de interatividade em um gráfico de linhas é apresentado na Figura 6, que traz um gráfico de linha com dados sobre gêneros de filmes sobrepostos. Neste gráfico cada gênero de filme é representado por uma cor. Pode-se escolher os tipos de gênero a serem mostrados a partir da seleção do nome dos gêneros desejados no menu da esquerda. Com este recurso interativo fica mais fácil explicar ou apresentar um determinado comportamento dos dados. O gráfico de linha interativo com dados de filmes pode ser acessado pelo link abaixo, porém é preciso possuir o Java instalado para executar o Applet com o gráfico.
http://services.alphaworks.ibm.com/manyeyes/view/Sen1bHsOtha6n9~0lC1fH2~
Figura 6. Gráfico de linha interativo.
O projeto Many Eyes permite a criação de gráficos tradicionais e outros tipos de gráfico gratuitamente, a partir de um cadastro simples. Basta definir o tipo de gráfico, fazer o upload dos dados e configurar qual informação será visualizada de que modo. O destaque vai para o suporte à visualizações inovadoras, como TreeMap, TagCloud, Mapas e a Word Tree. O endereço do projeto Many Eyes é: http://services.alphaworks.ibm.com/manyeyes/home
A partir deste momento é possível que o leitor fique em dúvida sobre qual técnica utilizar para apresentar os dados. Uma ótima dica para facilitar a escolha de qual visualização utilizar é conferir a classificação apresentada na Tabela Periódica de Visualização de Dados, que fornece um exemplo de cada tipo de visualização e as classifica de acordo com o tipo de dado e a situação que o gráfico deve ser apresentado. O link para acessar esta tabela periódica é:
http://www.visual-literacy.org/periodic_table/periodic_table.html
Outros links interessantes sobre visualização de dados:
Visualcomplexity:
Link: http://www.visualcomplexity.com/vc/Este site reúne diversos tipos de visualização de dados e seus projetos. Contudo, a maioria das visualizações apresentadas é baseada em grafos.
Data Visualizations: Modern Approaches
Link: http://www.smashingmagazine.com/2007/08/02/data-visualization-modern-approaches/Uma listagem das novas abordagens para visualizações de dados com comentários sobre os projetos de as utilizaram.
Blog Well-formated Data
Link: http://well-formed-data.net/Um blog muito interessante que apresenta diversas informações e exemplos sobre visualizações de dados.
Um grande abraço e até a próxima pessoal.
Os textos publicados neste espaço são de responsabilidade única de seus autores (colunistas e leitores) e podem não expressar necessariamente a opinião do iMasters.
Mauro Pichiliani é mestre em computação, possui as certificações MCP, MCDBA, MCT e MCTS e atua como consultor de banco de dados com enfoque na área de tunning.
2001 - iMasters FFPA Informática Ltda - Todos os direitos reservados.