web-dev-qa-db-fra.com

Comment le «nuage de choix» est-il correctement appelé?

Je travaille sur une application native native et je souhaite implémenter une interface similaire, mais je ne trouve même pas son nom.

La tâche principale de cet élément serait de donner aux utilisateurs un "nuage de choix" où ils pourraient sélectionner plusieurs "bulles" et le système peut garder une trace des choix. Les "bulles" devraient pouvoir flotter et rebondir les unes sur les autres.

Comment s'appelle cet élément de conception?

Existe-t-il également des packages prêts à l'emploi qui l'implémentent?

enter image description here

website-designgui-designdesign-patternsdesignjavascript
1
Alex

Je pense que le mot que vous cherchez est "Tag Cloud".

De plus, la taille du nuage (cercles, dans votre exemple) dépend généralement de paramètres prédéfinis.

Par exemple, vous pouvez visiter le site Web de Stackexchange: https://stackexchange.com/sites et remarquer que la taille de la boîte dépend du nombre de personnes dans la communauté (et d'autres paramètres également, qui me sont inconnus).

1
Chandan

Ceci est communément appelé graphique à bulles .

Le package le plus courant pour les graphiques (pour conception Web ) est probablement chart.js

var myBubbleChart = new Chart(ctx, {
    type: 'bubble',
    data: data,
    options: options
});

Quant au flottement et au rebond, j'en doute. Alors ce n'est plus un graphique. Mais cela ne devrait pas être trop difficile, vous voudrez probablement utiliser les données canvas et map dans chaque bulle.

0
Rawrplus