block by nitaku d3fd26207d7468b6c514

Classic hexagonal binning

Full Screen

An example of hexagonal binning using area encoding. Reload to change the random distributions.

The dot plot on the left is made (hopefully) more readable by grouping points into hexagonal cells (bins), then representing the amount of points in each cell by controlling its area.

Data is normalized according to the maximum number of points in a single bin (corresponding to the largest hexagonon the map), so two different instances of this visualization cannot be compared between each other (they may use two different scales for areas).

Other types of encoding can be used to represent the size of bins (e.g. color).

index.js

index.html

index.coffee

index.css