This example shows how geometries with inner loops and outer loops build themselves in opposite direction using d3
and a stroke-dashoffset
in a .transition()
infinite loop. The outer loop (red) builds clockwise, while the inner loop (blue) builds counter-clockwise. This is important in order to confidently account for “holes” in polygons. Here’s a good summary of the importance in winding order.