this is implemented in python (more tests)

I'm interested in a result like in the image above (implemented in python) using the Packery.js jQuery plugin for js/DOM based bin packing. Packery is built to work from left to right, top to bottom, but I wonder if using a circular bounding box rather the viewport as its boundaries could do the trick.

Ultimately I want to use this to present many image thumbnails with a wide array of sizes and proportions.

Any code examples or other pointers would be highly appreciated.

Here's a CodePen for you to play with:

this is implemented in python (more tests)

I'm interested in a result like in the image above (implemented in python) using the Packery.js jQuery plugin for js/DOM based bin packing. Packery is built to work from left to right, top to bottom, but I wonder if using a circular bounding box rather the viewport as its boundaries could do the trick.

Ultimately I want to use this to present many image thumbnails with a wide array of sizes and proportions.

Any code examples or other pointers would be highly appreciated.

Here's a CodePen for you to play with:

• javascript
• jquery
• python
• bin-packing
• packery

Share Improve this question Follow edited Sep 11, 2019 at 13:23 Glorfindel 22.7k1313 gold badges9090 silver badges120120 bronze badges asked Jan 23, 2014 at 11:59 MushonMushon 6188 bronze badges 1

• Please edit the externally hosted code into the post; doing so will make sure it remains useful even if the link breaks. My script is not allowed to do this because of potential licensing problems. – Glorfindel Commented Sep 11, 2019 at 13:23

Add a ment  | 

1 Answer 1

Sorted by: Reset to default 10 +25

Yes! See https://github./metafizzy/packery/issues/62

In the works.

Development is on the center-out-corner branch. It's in an experimental phase. While this is a neat visual demo, I'm unsure how practical its application is.