temporalRenderer | Web Map Specification

Temporal renderers provide time-based rendering of features in a feature layer. It can be useful to visualize historic or real-time data such as earthquake or hurricane occurrences. You can use a temporal renderer to define how observations (regular, historic, latest) and tracks are rendered. You can also show aging of features with respect to the map’s time extent.

Referenced by: renderer

Properties

Property	Details
latestObservationRenderer	Simple renderer used to symbolize point geometries for the most current observations.
observationalRenderer	Simple renderer used to symbolize regular/historic observations.
trackRenderer	Simple renderer used to symbolize the tracks.
type	Specifies the type of renderer used. Valid value of this property `temporal`

Example

{
  "renderer": {
    "type": "temporal",
    "observationRenderer": {
      "visualVariables": [
        {
          "field": "Inclination",
          "rotationType": "geographic",
          "type": "rotationInfo"
        }
      ],
      "type": "simple",
      "symbol": {
        "color": [
          0,
          0,
          128,
          128
        ],
        "size": 15,
        "angle": 0,
        "xoffset": 0,
        "yoffset": 0,
        "type": "esriSMS",
        "style": "esriSMSCircle",
        "outline": {
          "color": [
            0,
            0,
            128,
            255
          ],
          "width": 0.99975,
          "type": "esriSLS",
          "style": "esriSLSSolid"
        }
      }
    },
    "latestObservationRenderer": {
      "visualVariables": [
        {
          "field": "Inclination",
          "rotationType": "geographic",
          "type": "rotationInfo"
        }
      ],
      "type": "simple",
      "symbol": {
        "color": [
          0,
          255,
          0,
          128
        ],
        "size": 15,
        "angle": 0,
        "xoffset": 0,
        "yoffset": 0,
        "type": "esriSMS",
        "style": "esriSMSCircle",
        "outline": {
          "color": [
            0,
            0,
            128,
            255
          ],
          "width": 0.99975,
          "type": "esriSLS",
          "style": "esriSLSSolid"
        }
      }
    },
    "trackRenderer": {
      "type": "simple",
      "symbol": {
        "type": "esriSLS",
        "style": "esriSLSDot",
        "color": [
          115,
          76,
          0,
          255
        ],
        "width": 1
      }
    }
  }
}