https://github.com/werehamster/simple-square-packing
https://github.com/werehamster/simple-square-packing
algorithm d3 javascript
Last synced: about 1 month ago
JSON representation
- Host: GitHub
- URL: https://github.com/werehamster/simple-square-packing
- Owner: wereHamster
- License: mit
- Created: 2016-11-18T15:48:10.000Z (over 8 years ago)
- Default Branch: master
- Last Pushed: 2023-03-02T10:56:48.000Z (about 2 years ago)
- Last Synced: 2025-03-27T05:41:48.155Z (about 2 months ago)
- Topics: algorithm, d3, javascript
- Language: TypeScript
- Homepage: https://werehamster.github.io/simple-square-packing/
- Size: 487 KB
- Stars: 18
- Watchers: 3
- Forks: 1
- Open Issues: 5
-
Metadata Files:
- Readme: README.md
- License: LICENSE
Awesome Lists containing this project
README
# Simple Square Packing Algorithm
You can find an interactive example here: https://werehamster.github.io/simple-square-packing
Blog post explaining the algorithm: https://blog.interactivethings.com/simple-square-packing-algorithm-ddd3c2793711
```javascript
import {packSquares} from './index';
// The values which you want to show.
const values = [4, 3, 1, 0.2];
// The sizes of the squares are relative to this value. You can use it if you
// want to render multiple figures which need to be sized relatively
// to each other.
const maxValue = 7;
const result = packSquares(values, maxValue);
```
Consult the source file to see which fields are available in the result.