ColorInfo Visual Variable

The colorInfo visual variable defines how a continuous color ramp is applied to features based on the values of a numeric field attribute.

Referenced by: visualVariable

Properties

Property	Details
field	Attribute field used for color rendering if no valueExpression is provided.
legendOptions	Options available for the legend for visual variables. See legendOptions properties table.
normalizationField	Attribute field used to normalize the data.
stops	An array of stop objects.
type	Specifies the type of visual variable. Valid value of this property colorInfo
valueExpression	An Arcade expression that computes a value in lieu of a value provided by an attribute field.
valueExpressionTitle	The title identifying and describing the associated Arcade expression as defined in the valueExpression property.

legendOptions properties

Property	Details
showLegend	Indicates whether to show the color/size/opacity ramp in the legend.
title	The title of the legend.

colorInfo Example

Live sample web scene showing use of the colorInfo visual variable.

{
  "type": "colorInfo",
  "field": "M086_07",
  "stops": [
    {
      "value": -99,
      "color": [
        255,
        252,
        212,
        255
      ],
      "label": "< -99"
    },
    {
      "value": 705950,
      "color": [
        177,
        205,
        194,
        255
      ]
    },
    {
      "value": 1411999,
      "color": [
        98,
        158,
        176,
        255
      ],
      "label": "1,411,999"
    },
    {
      "value": 2578189,
      "color": [
        56,
        98,
        122,
        255
      ]
    },
    {
      "value": 3744380,
      "color": [
        13,
        38,
        68,
        255
      ],
      "label": "> 3,744,380"
    }
  ]
}

constant colorInfo Example

visual Variable with constant color

{
  "type": "colorInfo",
  "legendOptions": {
    "title": "color"
  },
  "stops": [
    {
      "color": [
        255,
        0,
        0,
        255
      ]
    }
  ]
}