[Resolvido] Tag cloud generator

[jfosorio]

Boas,

Tenho uma página que carrega registos dinamicamente e preciso de gerar uma tag cloud, de acordo com o conteúdo de cada registo. Alguém sabe se existe algum plugin para fazer isto, ou é preciso fazer isto "à unha"? Tenho pesquisado na net e encontrei alguns plugins que fazem a cloud, mas temos de dar as palavras previamente. Ou seja, os plugins que vi não descobrem quais os termos mais recorrentes para gerar a cloud, que é no fundo aquilo que se pretende.

Alguém pode dar uma ajuda?

[yoda]

Plugins para ..?

[Devexz]

qual é a linguagem server-side?

[jfosorio]

Plugins para ..?

Não sabes o que é uma tag cloud? Como é que não percebeste a minha dúvida? Basta ler a 1ª linha!

qual é a linguagem server-side?

PHP

[yoda]

Sei o que é uma tag cloud, também sei que um plugin exige um contexto e foi isso que perguntei .. caso estejas a fazer código à mão chamar-lhe plugin não faz qualquer sentido.

[jfosorio]

Yoda, eu sei que és moderador e tens de mostrar serviço, mas sinceramente já não é a 1ª vez que respondes a posts meus sem contribuires no sentido de ajudar a esclarecer uma dúvida. Escreves por escrever e fazes observações que não fazem sentido nenhum. Eu disse que estava a fazer alguma coisa à mão? E mesmo que estivesse, porque é que não faria sentido chamar-lhe plugin? Não posso fazer um plugin à mão do zero? E disses também que um plugin exige um contexto. Ok! E eu não expliquei o contexto?

Mas eu repito a dúvida:

Eu tenho uma página que carrega registos dinamicamente. Ou seja, carrega texto. Preciso de uma solução (server-side ou client-side, tanto faz) que analise o texto que é carregado na página e verifique quais os termos mais repetidos, para depois gerar uma tag cloud. Eu preferia um plugin em jQuery, já que seria mais fácil e rápido de implementar, mas se for uma solução server-side também serve.

[HappyHippyHippo]

pretendes criar uma tag cloud de um único texto ?

quer dizer que a tua fonte de informação da tag cloud não são várias fontes de texto, mas sim um texto que está a ser apresentado na página no momento que pretendes ter a tag cloud visível, certo ?

esse texto tem HTML ? (é que se for, é necessário remover as tags primeiro)

[jfosorio]

Exatamente Hippo. O texto é em HTML. Mas sugeres que desenvolva um script para isso? Eu estava à espera que houvesse um plugin para esse tipo de coisas, mesmo porque depois de saber os termos mais usados, ainda tenho de gerar a cloud. Talvez vá ter mesmo de criar um script para contar os termos e depois usar um dos plugins que vi para gerar a tag cloud. Implica uma implementação em dois passos, mas se tiver der...

[bioshock]

Eu fazia desta forma: construía uma função sobre o que o @Happy indicou na sua última frase. Depois disso colocava todas as palavras num array, definia um mínimo de length (de, da, os, etc não são aconselháveis) e por fim verificava quais as palavras mais utilizadas e atribuía-lhes uma percentagem. Sendo que as percentagens maiores obtinham um font-size maior.

Edit: simples procura no google e encontrei links porreiros.

https://sheriframadan.com/2012/05/creating-a-word-cloud-with-php/

http://lotsofcode.com/tag-cloud/

Edited March 21, 2014 by bioshock

[jfosorio]

Excelente ideia bio! Vou por essa solução. Obrigado.

[HappyHippyHippo]

   function createTags(tagid, minlength, max) {
     minlength = minlength ? minlength : 3;
     max       = max       ? max       : 20;

     // strip HTML and empty lines
     var tokens = [];
     $.each($('#'+tagid).html()
                        .replace(/(<([^>]+)>)/ig, ' ')
                        .split(' '),
            function(index, value) {
              value = value.trim();
              value && value.length >= minlength && tokens.push(value.trim());
            });

     // create tag list and entry count
     var tags = {};
     $.each(tokens, function(index, value) {
       if (!tags[value]) tags[value] = 1;
       else              tags[value] += 1;
     });

     // sort the tags by greater hit to lower hit
     var sorted = [];
     for (var tag in tags)
       sorted.push([tag, tags[tag]])
     sorted.sort(function(a, b) {return b[1] - a[1]})

     return sorted.slice(0, max);
   }

agora é só apresentação ...

[yoda]

Mas eu repito a dúvida:

Eu tenho uma página que carrega registos dinamicamente. Ou seja, carrega texto. Preciso de uma solução (server-side ou client-side, tanto faz) que analise o texto que é carregado na página e verifique quais os termos mais repetidos, para depois gerar uma tag cloud. Eu preferia um plugin em jQuery, já que seria mais fácil e rápido de implementar, mas se for uma solução server-side também serve.

Muito mais claro assim, em vez de se usar palavras que se conhecem ambíguas.

[jfosorio]

Muito mais claro assim, em vez de se usar palavras que se conhecem ambíguas.

Já reparaste que foste o único que não percebeste, certo?

[yoda]

Sim, também reparei que só obtiveste respostas depois de explicares melhor o problema.

[jfosorio]

Mas tens alguma coisa a dizer relativamente ao problema em causa? É que se não tens...

[yoda]

Já dei a minha contribuição, procura dar os nomes certos às coisas e terás a ajuda que precisas a tempo.

[I-NOZex]

eu tambem até a tua resposta até a tua resposta do yoda, tambem nao tinha entendido essa de plugin...

plugin, na minha definição, é algo que estende funcionalidade de um sistema mais base...

[jfosorio]

Eu também vou começar a escrever sem ter nada para dizer, só para subir o meu número de participações. (Esta já conta!)

[jfosorio]

Tendo em conta as ajudas do Hippo e do Bio, eis a minha solução:

function createTags(el, minlength, words_limit) {
 var $pane = $('div.tags_pane');
 minlength = minlength ? minlength : 3;
 words_limit = words_limit ? words_limit : 20;

 // strip HTML and empty lines
 var tokens = [], words = [];
 $.each($(el), function() {
   words = $(this).html().replace(/(<([^>]+)>)/ig, ' ').replace(/([;,.!?]+)/ig, ' ').split(' ');
   $.each(words, function(i, val){
     val = val.trim();
     val && val.length >= minlength && tokens.push(val.trim());
   });
 });

 // create tag list and entry count
 var tags = {};
 $.each(tokens, function(index, value){
   if(!tags[value])tags[value] = 1;
   else tags[value] += 1;
 });

 // sort the tags by greater hit to lower hit
 var sorted = [];
 for(var tag in tags)
   sorted.push([tag, tags[tag]])

 sorted.sort(function(a, b){return b[1] - a[1]});
 sorted = sorted.slice(0, words_limit);
 sorted.sort(function() { return 0.5 - Math.random() });

 for(var i = 0; i < sorted.length; i++){
   size = (sorted[i][1] + 6) * 2.6;
   $pane.append('<span style="font-size:' + size + 'px;">' + sorted[i][0] + '</span> ');
 }
}

Aproveitei o código do Hippo e fiz algumas adaptações, de forma a atribuir um tamanho a cada tag (conforme o Bio disse) e "colar" logo no elemento HTML.

Obrigado pela ajuda.

[I-NOZex]

eu tambem vou começar a ser evasivo, porque é assim que me vao ajudar mais 😉