Posts Tagged ‘D3.js’

June 10th, 2013

Pathways – Filling space

Tightly packed paths filling space.

As part of my urban modelling work, now behind me, I was thinking of ways to fill empty spaces with potential residences. These randomly generated parcels would then be evaluated by potential home buying agents. This is rather different as there is no limit to parcel sizes. It’s more of an exploration of patterns generated based on random rules. The paths grow, one at a time, until they hit another path (or themselves). They can only turn 45 degrees.

The beauty is that the paths wrap around the edges of the canvas. This makes it perfect for tiling. Now that we can use SVG natively in HTML you can export your generated pathways and add them to your website background. The application allows you to vary the size of the tile and the path density (cell size).

Give it a try.