Get a striped background using D3 without gradients (opens in new tab)

<h2> Ready for stripes? </h2> <p>Usually, we have <strong>two options</strong> for a striped background on a website: </p> <ul> <li>define a gradient in CSS;</li> <li>or repeat a bitmap image tile.</li> </ul> <p>Both have problems. CSS gradients, which use color stops immediately next to one another to produce the effect without gradation, use awkward syntax, have limited support for combined stripes, and (presently) produce rough edges at the colors' boundaries because of sub-pixe...