Leaflet regular-grid-cluster plugin demo

zone size:

5000 7500 10000 15000 20000 50000

grid mode:

hexagon square

hide grid zoom:

5 6 7 8 9 10

show elements zoom:

5 6 7 8 9 10

show cells:

yes no

show markers:

yes no

show texts:

yes no

show empty cells:

yes no

rules - cells

"fillColor": { "method": "mean", "attribute": "b", "scale": "size", "domain": [0, 5], "range": ["#d7191c","#fdae61","#ffffbf","#a6d96a","#1a9641"] }, "color": "black", "fillOpacity": 0.2, "weight": 0

rules - markers

"color": "white", "weight": 2, "fillOpacity": 0.9, "fillColor": { "method": "mean", "attribute": "b", "scale": "continuous", "range": ["#ffffb2","#fecc5c","#fd8d3c","#e31a1c"] }, "radius": { "method": "count", "attribute": "", "scale": "continuous", "range": [7, 17] }

rules - texts

"color": { "method": "count", "attribute": "", "scale": "quantile", "range": ["grey", "black"] }, "fontSize": { "method": "count", "attribute": "", "scale": "continuous", "range": [12, 22] }, "fontWeight": "bold", "text": { "method": "count", "attribute": "" }, "anchorOffsetX": { "method": "count", "attribute": "", "scale": "continuous", "range": [3, 12] }, "anchorOffsetY": { "method": "count", "attribute": "", "scale": "continuous", "range": [-5, -1] }

Data: Random data with properties 'a' and 'b'