Widget:NuageUsers
dessine un nuage des utilisateurs
(en cours de dev)
utile
- 2ni
- ALAIN CHARRIER
- ALMA
- Aardjoun
- Abbayedebuzay
- Adam sebastien
- Adriaan Broodryk
- Adrien
- AdrienM
- Adrienv82
- Agathe.benoit
- Agatheprouteau
- AgnèsM
- Alban-Brice Pimpaud
- Alexis
- AliceBleu
- Aline C
- Alizée Gottardo
- Al²
- Amaine
- Amin
- Amélie BIGNON
- AnaisJac
- Andynirina
- Annaelle.p
- Annav.i
- Anne-b
- Annelaure
- Anouk Malgrange
- Antaillandier
- Antoine Langevin
- Antoine THARREAU
- AntoineL
- Antonin P
- Ariane Michon
- Arnaud guinard
- Arrieu
- Arthur.L
- ArthurBouss
- Atelier Lugus
- Aureldaunay
- Aurelie.gd
- AurelieP
- Aurelien Izard
- Avilab84
- Baptiste LABAT
- Baptisteadel
- Barraudm
- Basile
- Bast
voir Widget:ListeUsers
<script > var donnees; //appel de la liste des utilisateurs $.getJSON("Sp%C3%A9cial:Ask/-5B-5BCategory:Utilisateur-5D-5D/-3F-23-2D/-3FTh%C3%A8me/limit%3D150/searchlabel%3D/format%3Djson",
function(data) {
donnees=data.items;
$.each(data.items, function(i,item){ // L.marker([item.latt, item.long]).addTo(cartofab).bindPopup("<a href="+item.site+" target=\"_blank\">"+item.label+"</a>
"+item.intitulé+"
"+item.structures); //alert( item.thème);
}); document.getElementById("debug").innerHTML = "Il ya actuellement "+data.items.length+" utilisateurs renseignés sur cette page"; });
</script>
<script src="extensions/processingjs/processing-1.3.6.min.js"></script>
<script type="text/processing" target="processing-canvas-nuage">
float x[] = new float[0];
float y[] = new float[0];
void setup(){ size(600,400);
if(donnees!=null){
x = expand(donnees.length); y = expand(donnees.length); for (int i=0; i<donnees.length; i++) { x[i] = random(width); y[i] = random(height); } }
}
void draw(){ background(2);
//text(donnees[0].thème,100,100); if(donnees!=null){ //println(donnees.length); for(int i=0; i<donnees.length; i++){
text(donnees[i].label, x[i], y[i]);
}
//text(donnees[0].label,mouseX,mouseY+20); //text(donnees[0].thème,mouseX,mouseY);
//println(donnees.items[0].label); }
}
</script>
<canvas id="processing-canvas-nuage"> </canvas>