The HeatmapRenderer renders point data into a raster visualization that emphasizes areas of higher density or weighted values.
Referenced by: renderer
Properties
Property | Details |
---|---|
colorStops[] | An array of colorStop objects describing the renderer's color ramp with more specificity than just colors. |
field | This is optional as this renderer can be created if no field is specified. Each feature gets the same value/importance/weight or with a field where each feature is weighted by the field's value. |
legendOptions | Options for describing the heatmap in the legend. See legendOptions properties table. |
maxDensity | The density value assigned to the final color in the colorStops . |
minDensity | The density value assigned to the first color in the colorStops . |
radius | The radius (in points) of the circle representing each point. |
referenceScale | An optional reference scale to make the heatmap visualization static (i.e. then the heatmap radius is defined as points at this certain view scale). A value of 0 means that the heatmap does not have a fixed reference scale. |
type | Specifies the type of renderer used. Valid value of this property heatmap |
legendOptions properties
Property | Details |
---|---|
maxLabel | Text in the legend that describes the hottest (most dense) part of the heatmap. Only applicable to Heatmap renderers. If not specified, then a localized label, for 'High' will display on the legend. |
minLabel | Text in the legend that describes the coldest (least dense) part of the heatmap. Only applicable to Heatmap renderers. If not specified, then a localized label, for 'Low' will display on the legend. |
title | The title of the legend. |
Example
Heatmap renderer calculated with kernel density.
{
"type": "heatmap",
"radius": 10,
"field": "mag",
"colorStops": [
{
"color": [
63,
40,
102,
0
],
"ratio": 0
},
{
"color": [
71,
43,
119,
77
],
"ratio": 0.083
},
{
"color": [
224,
207,
64,
77
],
"ratio": 0.913
},
{
"color": [
255,
255,
0,
77
],
"ratio": 1
}
],
"maxDensity": 1,
"minDensity": 0,
"referenceScale": 5500500
}