block by arrayjam 5c4288aa30de1b949433

Non-Overlapping Geographic Circles

Full Screen

When creating many geographic circles (e.g. for visualizing graduating radii on a map), calling d3.geo.circle multiple times will create overlapping great circles, which may not be desired.

Here we simply subtract out the smaller great circles from the bigger ones, adding them as holes to the GeoJSON Polygon object. Note: The holes must be in reverse order to the great circle.

Compare with Overlapping Geographic Circles.

index.html