AuthoringInfo Visual Variable

This visual variable pertains specifically to authoringInfo and is different from visual variables directly on the renderer.

Properties

Property Details
endTime A Unix stamp. Both startTime or endTime can be fields. If this is the case, their names must be different.
Must be one of the following values:
  • Number
  • String
field The attribute field the user chose in the Smart Mapping gallery. Must be the same as in either startTime or endTime.
maxSliderValue A numeric value indicating the maximum value displayed.
minSliderValue A numeric value indicating the minimum value displayed.
startTime A Unix time stamp. Both startTime or endTime can be fields. If this is the case, their names must be different.
Must be one of the following values:
  • Number
  • String
style It is used to map the ratio between two numbers. It is possible to express that relationship as percentages, simple ratios, or an overall percentage.
If property is present, must be one of the following values:
  • percent
  • ratio
  • percentTotal
theme Theme to be used only when working with visual variables of type colorInfo. Default is high-to-low.
If property is present, must be one of the following values:
  • high-to-low
  • above-and-below
  • centered-on
  • extremes
type A string value specifying the type of renderer's visual variable.
If property is present, must be one of the following values:
  • colorInfo
  • sizeInfo
  • transparencyInfo
  • rotationInfo
units Units for startTime and endTime.
If property is present, must be one of the following values:
  • seconds
  • minutes
  • hours
  • days
  • months
  • years

Attribute Transparency Example

Allows displaying features with different levels of transparency. Please see this listing of webmaps using authoringInfo visual variables with transparency.

{
  "visualVariables": [
    {
      "type": "transparencyInfo",
      "minSliderValue": 0.0003,
      "maxSliderValue": 23.8951
    }
  ]
}

Continuous Size Renderer Example

Allows displaying features with different sizes of markers. Note: If a layer contains date values, it is possible to use a sequence of proportional symbols to view dates sequentially on a map. Please see this listing of webmaps using authoringInfo visual variables with size.

{
  "visualVariables": [
    {
      "type": "sizeInfo",
      "minSliderValue": 1,
      "maxSliderValue": 14928.5396
    }
  ]
}

Continuous Color Renderer Example

Allows displaying features with different sizes of markers. Note: If a layer contains date values, it is possible to use color to view data sequentially from new to old or before and after a key date. Please see this listing of webmaps using authoringInfo visual variables with color.

{
  "visualVariables": [
    {
      "type": "colorInfo",
      "minSliderValue": 1,
      "maxSliderValue": 14928.5396,
      "theme": "high-to-low"
    }
  ]
}

Age-Size Renderer Example

If a layer contains date or time values, it is possible to use a sequence of proportional symbols to view the age of features. Age reflects the length of time (in seconds, minutes, hours, days, months, or years) from a start date or time to an end date or time. Please see this listing of webmaps using authoringInfo visual variables using size and age.

{
  "visualVariables": [
    {
      "type": "sizeInfo",
      "minSliderValue": -129.2625,
      "maxSliderValue": 234.7374,
      "units": "days",
      "startTime": "DATE",
      "endTime": 1471970511924,
      "field": "DATE"
    }
  ]
}

Age-Color Renderer Example

If a layer contains date or time values, it is possible to use color to represent the age of features. Age reflects the length of time (in seconds, minutes, hours, days, months, or years) from a start date or time to an end date or time. Please see this listing of webmaps using authoringInfo visual variables using color with age.

{
  "visualVariables": [
    {
      "type": "colorInfo",
      "minSliderValue": -129.2625,
      "maxSliderValue": 234.7374,
      "units": "days",
      "startTime": "DATE",
      "endTime": 1471970511924,
      "field": "DATE",
      "theme": "high-to-low"
    }
  ]
}

Compare Renderer (special color renderer) Example

This style allows mapping the ratio between two numbers and expresses that relationship as percentages, simple ratios, or overall percentage. Please see this listing of webmaps using authoringInfo visual variables using color for comparison.

{
  "visualVariables": [
    {
      "type": "colorInfo",
      "minSliderValue": 0.0003858501658018686,
      "maxSliderValue": 23.89513157894737,
      "theme": "above-and-below",
      "style": "ratio"
    }
  ]
}

Predominance Renderer Example

This style uses color to show which attribute is predominant, then transparency to show the degree predominance of the attribute for each feature in the layer. The strength, or degree, of predominance is calculated as a percentage of the total value of all the attributes for a given feature. Please see this listing of webmaps showing how authoringInfo can set predominance through the use of transparency.

{
  "authoringInfo": {
    "type": "predominance",
    "fields": [
      "COST",
      "DOLLARS",
      "PRICE"
    ],
    "visualVariables": [
      {
        "type": "transparencyInfo",
        "minSliderValue": 0,
        "maxSliderValue": 100
      }
    ]
  }
}

Feedback on this topic?