表示上で大きさの異なる要素を、上から順に詰めて表示するリストを作成したい

Question

#質問内容
listに格納された要素を、以下の図のような形式で表示したいと考えています。
RecyclerViewのStaggeredGridLayoutで実現しようとも考えましたが、要素の大きさによって列数を変えたり、要素が重なったりしている部分を再現できずに行き詰まっています。
大きさの異なる要素を上から順に詰めて表示するような方法はないでしょうか？

このような表示形式を実現するためのアイデアやライブラリ、細かな説明でなくても調べるためのキーワード等いただけると助かります。
どうぞよろしくお願いいたします。

Answer 1

RecyclerViewのGridLayoutでspanを２と３で交互に設定し、円形リストのサイズ、マージン、Gravityをランダムに設定することで自己解決しました

xmlで android:clipChildren="false" と android:clipToPadding="false" を設定して、親要素からはみ出ることを許容し、重なる部分を作ることで、上手く表現出来ました

Answer 2

Bubble-Pickerというライブラリが近そうです。
使用したことがないので実現できるかわかりませんが。

このような表現はデータビジュアライゼーションのD3.jsではBubble Chart、TableauではPacked Bubble Chartと言ってます。
単にBubble Chartではグラフ寄りのものも出てきてしまうので、アルゴリズムの話ではパッキング問題とかサークルパッキング（Circle packing）でしょうか。

Comments

[itouuuuuuuuu]

ご回答ありがとうございます
Bubble-Pickerを使用してみましたが、目的の機能とは少し違うようでした

RecyclerViewのGridLayoutでspanを２と３で交互に設定し、円形リストのサイズ、マージン、Gravityをランダムに設定することで自己解決しました

xmlで android:clipChildren="false" と android:clipToPadding="false" を設定して、親要素からはみ出ることを許容し、重なる部分を作ることで、上手く表現出来ました

アドバイスくださり、ありがとうございました
感謝いたします！