block by yelper f275ddaacb8216bf6deba90628881b9e

Hexagonal bin and scatterplot juxtaposed

Full Screen

A juxtaposed comparison of a scatterplot, hexagonal binning representation, and a “landscape” contour map with multiple ‘data series’. The hexagons try to be smart about attenuation with number of points, and the hexagon’s color is a weighted average of colors in Lab space. The contour implementation uses d3-contour, and sets the thresholds and bandwidth low so as to not overwhelm the graph.

To add points, click on the scatterplot and the hexagons will update as well. Hold down combinations of Alt and Ctrl to create points of other colors. Add your own data (or clear the data) by changing ptData and calling updateVis().

Limitations: Currently, the contour graph does not update when the data does. Still not exactly sure what is going on…

index.html

d3.hexbin.min.js