Weaving Side View Visualizations

Let's figure out a good weft-layout algorithm for side view visualizations. (Download this file for tests and SideView.js for code you can edit.)

Tests

Plain Weave (one warp)

0 1 0 1 0 1

Plain Weave (two warps)

0 1 1 0 0 1 1 0 0 1 1 0

Plain Weave (many warps)

0 1 0 1 0 1 1 0 1 0 1 0 0 1 0 1 0 1 1 0 1 0 1 0 0 1 0 1 0 1 1 0 1 0 1 0

Double Cloth (many warps)

0 0 1 0 0 0 1 0 1 0 1 1 1 0 1 1 1 0 0 0 1 0 0 0 1 1 1 0 1 1 1 0 0 0 1 0 0 0 1 0 1 0 1 1 1 0 1 1 1 0 0 0 1 0 0 0 1 1 1 0 1 1 1 0