interactivethings / d3-grid Goto Github PK

Currently, if .cols() and .rows() aren't set, the layout tries to create an equal amount of columns and rows. The cols/rows ratio should probably rather be an approximation of the width/height of the grid.

That would allow it to be more node/browserify friendly and do

var d3 = require('d3');
var gridLayout = require('d3-grid')(d3);

E.g. if we have .cols(2).rows(2), where does the 5th node go? Repeat at 0,0? Create more rows (or columns)?

Yes, but needs more consideration. E.g. how should col and row indices, and .points() vs. .bands() be treated? Food for thought: http://www.redblobgames.com/grids/hexagons/

I exactly need your algorithm that places rectangles in a grid fashion for my application.
I suspect it is in _function distributeEqually(nodes)
However I don't understand your code yet and have no experience with d3.

Can you give me any logic or semantic on how the algorithm works that places rectangles like that?