Temporal Renderer

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

Temporal Renderer Example

Live sample web map showing temporal renderer

{
  "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
      }
    }
  }
}

Your browser is no longer supported. Please upgrade your browser for the best experience. See our browser deprecation post for more details.