Skip to main content
100%

d3-cluster

✓ Published0🌍 Public
PPhilippe Rivière
Last edited Jul 11, 2017
Created on Jul 11, 2017

The example demonstrates d3-cluster, a layout that groups overlapping circles into clusters and highlights the merged boundaries. After rendering 500 randomly positioned circles with varied radii and colors, the code applies the cluster layout, which sorts points by size and detects overlaps to assign each circle to a cluster. The resulting visualization overlays new circles with a distinct orange stroke, where the stroke width reflects the number of overlapping points in each cluster. The implementation uses custom d3-cluster APIs like `.x()`, `.y()`, and `.radius()`, built with d3-scale, while the initial rendering relies on d3 selections and SVG circle elements.

AI-generated description

d3-cluster compiled from @stormpython and @emeeks’ https://github.com/stormpython/d3-cluster

Built with blockbuilder.org

mit Licensed

Similar vizzes