Freemasonry algorithm for d3.js

Question

Is there a masonry type algorithm for d3.js? (a la isotope http://isotope.metafizzy.co/ )

As a related question (if it is not available), how would I do it? In particular: I know the d3 input / update / output paradigm, but it looks like it considers all points independently of each other. If I wanted to change the layout of the 2nd paragraph, based on where I put the 1st paragraph, how would I do it?

Answer 1

The matrix layout may be what you are looking for, here you can see an example: http://bl.ocks.org/mbostock/1009139 edit: just found a second example providing a similar layout: http://bl.ocks.org/ herrstucki / 5684816

Answer 2

Here is the masonry layout for d3: https://github.com/shawnbot/masonic

Demo: http://shawnbot.imtqy.com/masonic