web-dev-qa-db-ja.com

「選択の雲」はどのように正しく呼び出されますか？

反応ネイティブアプリに取り組んでいて、同様のインターフェイスを実装したいのですが、その名前すら見つけることができません。

この要素の主なタスクは、ユーザーに「選択肢のクラウド」を提供し、複数の「バブル」を選択して、システムが選択肢を追跡できるようにすることです。 「泡」は、浮遊し、互いに跳ね返ることができるはずです。

このデザイン要素はどのように呼び出されますか？

また、それを実装するすぐに使用できるパッケージはありますか？

enter image description here

website-designgui-designdesign-patternsdesignjavascript
1
Alex

あなたが探している言葉は「タグクラウド」だと思います。

さらに、雲のサイズ（例では円）は通常、事前定義されたパラメーターに依存します。

たとえば、Stackexchangeのウェブサイト https://stackexchange.com/sites にアクセスすると、ボックスのサイズがコミュニティの人々の数（およびその他のパラメーター）私には不明です）。

1
Chandan

これは一般に bubble chart と呼ばれます。

おそらくチャートの最も一般的なパッケージ（ web-design の場合）は chart.js です

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

浮いたり跳ねたりするのは疑わしい。その後、それはもはやチャートではありません。しかし、難しいことではありません。おそらく、各バブルに canvas と map のデータを使用します。

0
Rawrplus