Алгоритм расположения сетки для размещения HTML-элементов на экране ⇐ Javascript

[Anonymous]

Недавно я создал веб-расширение, которое может очищать HTML-элементы со страницы и открывать новую вкладку с этими элементами. Я столкнулся с проблемой, над которой работал несколько часов, но не нашел хорошего решения. По сути, я хочу разместить эти элементы на экране, как-то расположив их, а также иметь возможность масштабировать их. Я планирую реализовать этот алгоритм на Javascript, чтобы использовать его со своим веб-расширением.
Цели:

• Масштабирование прямоугольники как можно более равномерно (например, не уменьшая один на 0,5, а другой на 5)
• Используйте как можно больше места

Ограничения:

[*]Сохранять соотношение сторон каждого прямоугольника
[*]Нет вращения прямоугольников
[*]Нет перекрывающихся прямоугольников

Вот пример того, что мое расширение вывело на новой вкладке (пыталось создать шпаргалку):
https://imgur.com/yNzIp2w
Я провел приличное количество поисков алгоритмы упаковки контейнеров (хотя для меня это довольно ново) и подобные темы, но я не нашел ни одной, включающей возможность масштабирования прямоугольников.
Любая помощь здесь будет очень признательна!< /п>

Подробнее здесь: https://stackoverflow.com/questions/793 ... the-screen