web-dev-qa-db-ja.com

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

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

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

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

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

enter image description here

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
});

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

0
Rawrplus