.
Aurium.Colivre.Coop.br Esse site é Legal Demais para Internet Explorer

Aurium :: Nuvem

Últimas blogadas:

%HEADLINES{"http://softwarelivre.org/aurium/blog/feed" refresh="600" header="SoftwareLivre.org" limit="15" format=" * $title" }% %HEADLINES{"http://cirandas.net/aurium/blog/feed" refresh="600" header="Cirandas.net" limit="15" format=" * $title" }%



Gerador de nuvem de informação com variação visual de atributo.

Lista de Atributos:

Lista de Valores:

Nuvem Gerada:
 

Essa é uma representação visual de uma coleção de palavras vinculadas a N valores numéricos. Foi inspirado nas nuvens de tags encontradas em sistemas de bookmarks e CMS's. Enquanto a nuvem de tags está limitada a representação de nomes com variação de apenas um atributo de formatação (geralmente o tamanho), esse gerador de nuvem pode aplicar variações em qualquer aspecto formatável via CSS, ou seja são dezenas de atributos representáveis graficamente.

Para criar uma nuvem você deve preencher duas caixas de texto. São elas:

A nuvem gerada inicialmente nessa página registra dois valores numéricos para cada item da Lista de Valores. Digamos que as palavras sejam temas de artigos, a primeira coluna seja a quantidade de publicações no tema e a segunda seja o interesse do público pelo tema. Queremos que a quantidade de artigos defina o tamanho da palavra e o interesse defina a cor, quanto menor o interesse mais azul e quanto maior, mais vermelho.

Para isso definimos a seguinte Lista de Atributos:
  1. font-size { round( v1 * 20 ) + 12 }px
    aqui definimos uma variação no tamanho do texto de 12 a 32, baseado no valor da primeira coluna.
  2. top -{ 4 - round( v1 * 4 ) }px
    agora movemos textos menores para cima para dar um certo equilibrio.
  3. color rgb({ round( v2 * 250 ) }, 0, { 250 - round( v2 * 250 ) })
    nesta linha definimos a cor vermelha proporcionalmente ao valor da segunda coluna e a cor azul é definida de forma inversamente proporcional a mesma coluna.

DiggThis

Copyright © 2004 - 2019 Aurélio A. Heckert
Conteúdo licenciado sob Creative Commons by-nc-sa