Default Lenses

0. Default Lenses Detail

01 Readiness

Lens (Preview)	Description
	This lens allows the user to define the readiness of a business area within the illustration, a value of Low, Medium and High can be selected and this will then derive the associated colours of Red=Low; Amber=Medium and Green=High. This lens covers the entire box with the intention ofdrawing the audiences attention to certain aspects of the illustration. Value Type: CHOICE (Low, Medium, High) \| Render Function: Map Choice Attribute to Box Property

Lens (Preview)

Description

This lens allows the user to define the readiness of a business area within the illustration, a value of Low, Medium and High can be selected and this will then derive the associated colours of Red=Low; Amber=Medium and Green=High. This lens covers the entire box with the intention ofdrawing the audiences attention to certain aspects of the illustration.

Value Type: CHOICE (Low, Medium, High) | Render Function: Map Choice Attribute to Box Property

Set the backgroundImage Color

{
  "Low": {
    "boxPropertyKey": "backgroundImage",
    "boxPropertyValue": "linear-gradient(#FF99AD,#FF0033)"
  },
  "Medium": {
    "boxPropertyKey": "backgroundImage",
    "boxPropertyValue": "linear-gradient(#FFFFF0,#F7901E)"
  },
  "High": {
    "boxPropertyKey": "backgroundImage",
    "boxPropertyValue": "linear-gradient(#00C300,#008000)"
  }
}

Set the Text Color

{
  "Low": {
    "boxPropertyKey": "textColor",
    "boxPropertyValue": "#FFFFFF"
  },
  "Medium": {
    "boxPropertyKey": "textColor",
    "boxPropertyValue": "#000000"
  },
  "High": {
    "boxPropertyKey": "textColor",
    "boxPropertyValue": "#FFFFFF"
  }
}

Back to Default Lenses

02 Strategic Color

Lens (Preview)	Description
	This lens allows the user to define the strategic relationship of a business function or are area within the illustration, a value of Light, Dark and Red. It creates a `Radial Gradient` and allows enough space around the box for an `association` to still be easily visible. Value Type: CHOICE (Light,Dark, Red) \| Render Function: Map Choice Attribute to Box Property

{
  "Light": {
    "boxPropertyKey": "badge1",
    "boxPropertyValue": "{\"horizontalPositionInPercent\": 0, \"verticalPositionInPercent\": 50, \"borderRadius\": 6,  \"width\": \"92%\", \"height\": \"92%\", \"backgroundImage\": \"radial-gradient(transparent, #b3e5fc 100%)\" }"
  },
  "Dark": {
    "boxPropertyKey": "badge1",
    "boxPropertyValue": "{\"horizontalPositionInPercent\": 0, \"verticalPositionInPercent\": 50, \"borderRadius\": 6,  \"width\": \"92%\", \"height\": \"92%\", \"backgroundImage\": \"radial-gradient(transparent, #01579b 100%)\" }"
  },
  "Red": {
    "boxPropertyKey": "badge1",
    "boxPropertyValue": "{\"horizontalPositionInPercent\": 0, \"verticalPositionInPercent\": 50, \"borderRadius\": 6,  \"width\": \"92%\", \"height\": \"92%\", \"backgroundImage\": \"radial-gradient(transparent, #FF0000  100%)\" }"
  }
}

Back to Default Lenses

03 Critical

Lens (Preview) Description

This lens changes the background colour to make it prominent, places the word "Critical" in the top left hand corner and places a red border around the box. It can be used to get the audience to focus on a key area or the critical path of a project or business or lets them answer the question "Where should I start".

It requires 4 different render functions for the Border, Background Color, Box Text Color and the word Critical.

Value Type: CHOICE (Yes) | Render Function: Map Choice Attribute to Box Property

Lens (Preview)	Description
	This lens changes the background colour to make it prominent, places the word "Critical" in the top left hand corner and places a red border around the box. It can be used to get the audience to focus on a key area or the critical path of a project or business or lets them answer the question "Where should I start". It requires 4 different render functions for the Border, Background Color, Box Text Color and the word `Critical`. Value Type: CHOICE (Yes) \| Render Function: Map Choice Attribute to Box Property

Set the Border Color (Red)

{
  "Yes": {
    "boxPropertyKey": "borderColor",
    "boxPropertyValue": "#FF0000"
  }
}

Set the Background Color (Navy)

{
  "Yes": {
    "boxPropertyKey": "backgroundColor",
    "boxPropertyValue": "#202a45"
  }
}

Set the Text Color (White)

{
  "Yes": {
    "boxPropertyKey": "textColor",
    "boxPropertyValue": "#FFFFFF"
  }
}

Place Critical in the top left hand corner of the box

{
  "Yes": {
    "boxPropertyKey": "badge2",
    "boxPropertyValue": "{ \"text\": \"Critical\", \"horizontalPositionInPercent\": 0, \"verticalPositionInPercent\": 0, \"verticalAlignment\": \"none\", \"horizontalAlignment\": \"none\",\"borderRadius\": 5, \"backgroundColor\": \"#ff0000\", \"textColor\": \"White\", \"width\": 55, \"height\": 16, \"fontFamily\": \"Arial\", \"textSizeInPixels\": 13 }"
  }
}

Back to Default Lenses

04 Priority

Lens (Preview)	Description
	This lens changes the background colour to make it prominent and places the word "Priority" in the top middle of a box with either a Red, Amber or Green background. It can be used to get the audience to prioritise different areas within the Illustration. Value Type: CHOICE (High, Medium, Low) \| Render Function: Map Choice Attribute to Box Property

{
  "High": {
    "boxPropertyKey": "badge3",
    "boxPropertyValue": "{ \"text\": \"Priority\", \"horizontalPositionInPercent\": 50, \"verticalPositionInPercent\": 0, \"verticalAlignment\": \"none\", \"horizontalAlignment\": \"none\",\"borderRadius\": 5, \"backgroundColor\": \"#ff0000\", \"textColor\": \"White\", \"width\": 55, \"height\": 26, \"fontFamily\": \"Arial\", \"textSizeInPixels\": 13 }"
  },
  "Medium": {
    "boxPropertyKey": "badge3",
    "boxPropertyValue": "{ \"text\": \"Priority\", \"horizontalPositionInPercent\": 50, \"verticalPositionInPercent\": 0, \"verticalAlignment\": \"none\", \"horizontalAlignment\": \"none\", \"borderRadius\": 5, \"backgroundColor\": \"#FF7E00\", \"textColor\": \"#FFFFFF\", \"width\": 55, \"height\": 26, \"fontFamily\": \"Arial\", \"textSizeInPixels\": 13 }"
  },
  "Low": {
    "boxPropertyKey": "badge3",
    "boxPropertyValue": "{ \"text\": \"Priority\", \"horizontalPositionInPercent\": 50, \"verticalPositionInPercent\": 0, \"verticalAlignment\": \"none\", \"horizontalAlignment\": \"none\", \"borderRadius\": 5, \"backgroundColor\": \"#00CB9C\",  \"textColor\": \"#FFFFFF\",\"width\": 55, \"height\": 26, \"fontFamily\": \"Arial\", \"textSizeInPixels\": 13 }"
  }
}

Back to Default Lenses

05 Strategic Importance

Lens (Preview)	Description
	This lens uses a radial gradient and places a light blue colour in the centre of a box. The Association color is still able to be easily seen if you use this lens as it only uses around 92% of the Box space. Value Type: CHOICE (True) \| Render Function: Map Choice Attribute to Box Property

{
  "True": {
    "boxPropertyKey": "badge4",
    "boxPropertyValue": "{\"horizontalPositionInPercent\": 0, \"verticalPositionInPercent\": 50, \"borderRadius\": 6,  \"width\": \"92%\", \"height\": \"92%\", \"backgroundImage\": \"radial-gradient(transparent, #00ADEF  100%)\" }"
  }
}

Back to Default Lenses

06 Risk

Lens (Preview)	Description
	This lens changes the background colour to make it prominent and places the word "Risk" in the bottom left corner of the box with either a Red, Amber or Green background. The bottom left hand corner is achieved by using (0,100) as the hoziontalPositionInPercent and verticalPositionInPercent. Value Type: CHOICE (Low, Medium, High) \| Render Function: Map Choice Attribute to Box Property

{
  "True": {
    "boxPropertyKey": "badge4",
    "boxPropertyValue": "{\"horizontalPositionInPercent\": 0, \"verticalPositionInPercent\": 50, \"borderRadius\": 6,  \"width\": \"92%\", \"height\": \"92%\", \"backgroundImage\": \"radial-gradient(transparent, #00ADEF  100%)\" }"
  }
}

Back to Default Lenses

07 Cost Base

Lens (Preview) Description

This lens places a '$' through to '$$$$$' in the bottom right corner of the box. The selected "$" determines the colour the user will see: '$$$$$' = Red and '$' = Green. This behave the opposite to Revenue Base where '$$$$$' = Green and '$' = Red.

> The single tilda/quote is required around the $ as it is a reserved word

Value Type: CHOICE ('$' through to '$$$$$') | Render Function: Map Choice Attribute to Box Property

Lens (Preview)	Description
	This lens places a '$' through to '$$$$$' in the bottom right corner of the box. The selected "$" determines the colour the user will see: '$$$$$' = Red and '$' = Green. This behave the opposite to Revenue Base where '$$$$$' = Green and '$' = Red. > The single tilda/quote is required around the `$` as it is a reserved word Value Type: CHOICE ('$' through to '$$$$$') \| Render Function: Map Choice Attribute to Box Property

{
  "`$`": {
    "boxPropertyKey": "badge6",
    "boxPropertyValue": "{ \"text\": \"$\", \"horizontalPositionInPercent\": 100, \"verticalPositionInPercent\": 100, \"verticalAlignment\": \"none\", \"horizontalAlignment\": \"none\", \"borderRadius\": 5, \"backgroundColor\": \"#00CB9C\",  \"textColor\": \"#FFFFFF\",\"width\": 30, \"height\": 18, \"fontFamily\": \"Arial\", \"textSizeInPixels\": 13}"
  },
  "`$$`": {
    "boxPropertyKey": "badge6",
    "boxPropertyValue": "{ \"text\": \"$$\", \"horizontalPositionInPercent\": 100, \"verticalPositionInPercent\": 100, \"verticalAlignment\": \"none\", \"horizontalAlignment\": \"none\", \"borderRadius\": 5, \"backgroundColor\": \"#00CB9C\", \"textColor\": \"#FFFFFF\", \"width\": 30, \"height\": 18, \"fontFamily\": \"Arial\", \"textSizeInPixels\": 13 }"
  },
  "`$$$`": {
    "boxPropertyKey": "badge6",
    "boxPropertyValue": "{ \"text\": \"$$$\", \"horizontalPositionInPercent\": 100, \"verticalPositionInPercent\": 100, \"verticalAlignment\": \"none\", \"horizontalAlignment\": \"none\", \"borderRadius\": 5, \"backgroundColor\": \"#FF7E00\", \"textColor\": \"#FFFFFF\", \"width\": 30, \"height\": 18, \"fontFamily\": \"Arial\", \"textSizeInPixels\": 13 }"
  },
  "`$$$$`": {
    "boxPropertyKey": "badge6",
    "boxPropertyValue": "{ \"text\": \"$$$$\", \"horizontalPositionInPercent\": 100, \"verticalPositionInPercent\": 100, \"verticalAlignment\": \"none\", \"horizontalAlignment\": \"none\",\"borderRadius\": 5, \"backgroundColor\": \"#ff0000\", \"textColor\": \"White\", \"width\": 30, \"height\": 18, \"fontFamily\": \"Arial\", \"textSizeInPixels\": 13 }"
  },
  "`$$$$$`": {
    "boxPropertyKey": "badge6",
    "boxPropertyValue": "{ \"text\": \"$$$$$\", \"horizontalPositionInPercent\": 100, \"verticalPositionInPercent\": 100, \"verticalAlignment\": \"none\", \"horizontalAlignment\": \"none\",\"borderRadius\": 5, \"backgroundColor\": \"#ff0000\", \"textColor\": \"White\", \"width\": 39, \"height\": 18, \"fontFamily\": \"Arial\", \"textSizeInPixels\": 13 }"
  }
}

Back to Default Lenses

08 Revenue Base

Lens (Preview) Description

This lens places a '$' through to '$$$$$' in the bottom right corner of the box. The selected "$" determines the colour the user will see: '$$$$$' = Green and '$' = Red. This behave the opposite to Cost Base where '$$$$$' = Red and '$' = Green.

> The single tilda/quote is required around the $ as it is a reserved word

Value Type: CHOICE ('$' through to '$$$$$') | Render Function: Map Choice Attribute to Box Property

Lens (Preview)	Description
	This lens places a '$' through to '$$$$$' in the bottom right corner of the box. The selected "$" determines the colour the user will see: '$$$$$' = Green and '$' = Red. This behave the opposite to Cost Base where '$$$$$' = Red and '$' = Green. > The single tilda/quote is required around the `$` as it is a reserved word Value Type: CHOICE ('$' through to '$$$$$') \| Render Function: Map Choice Attribute to Box Property

{
  "`$`": {
    "boxPropertyKey": "badge7",
    "boxPropertyValue": "{ \"text\": \"$\", \"horizontalPositionInPercent\": 100, \"verticalPositionInPercent\": 100, \"verticalAlignment\": \"none\", \"horizontalAlignment\": \"none\", \"borderRadius\": 5, \"backgroundColor\": \"#FF0000\",  \"textColor\": \"#FFFFFF\",\"width\": 30, \"height\": 18, \"fontFamily\": \"Arial\", \"textSizeInPixels\": 13}"
  },
  "`$$`": {
    "boxPropertyKey": "badge7",
    "boxPropertyValue": "{ \"text\": \"$$\", \"horizontalPositionInPercent\": 100, \"verticalPositionInPercent\": 100, \"verticalAlignment\": \"none\", \"horizontalAlignment\": \"none\", \"borderRadius\": 5, \"backgroundColor\": \"#FF7E00\", \"textColor\": \"#FFFFFF\", \"width\": 30, \"height\": 18, \"fontFamily\": \"Arial\", \"textSizeInPixels\": 13 }"
  },
  "`$$$`": {
    "boxPropertyKey": "badge7",
    "boxPropertyValue": "{ \"text\": \"$$$\", \"horizontalPositionInPercent\": 100, \"verticalPositionInPercent\": 100, \"verticalAlignment\": \"none\", \"horizontalAlignment\": \"none\", \"borderRadius\": 5, \"backgroundColor\": \"#00CB9C\", \"textColor\": \"#FFFFFF\", \"width\": 30, \"height\": 18, \"fontFamily\": \"Arial\", \"textSizeInPixels\": 13 }"
  },
  "`$$$$`": {
    "boxPropertyKey": "badge7",
    "boxPropertyValue": "{ \"text\": \"$$$$\", \"horizontalPositionInPercent\": 100, \"verticalPositionInPercent\": 100, \"verticalAlignment\": \"none\", \"horizontalAlignment\": \"none\",\"borderRadius\": 5, \"backgroundColor\": \"#00CB9C\", \"textColor\": \"#FFFFFF\", \"width\": 30, \"height\": 18, \"fontFamily\": \"Arial\", \"textSizeInPixels\": 13 }"
  },
  "`$$$$$`": {
    "boxPropertyKey": "badge7",
    "boxPropertyValue": "{ \"text\": \"$$$$$\", \"horizontalPositionInPercent\": 100, \"verticalPositionInPercent\": 100, \"verticalAlignment\": \"none\", \"horizontalAlignment\": \"none\",\"borderRadius\": 5, \"backgroundColor\": \"#00CB9C\", \"textColor\": \"#FFFFFF\", \"width\": 39, \"height\": 18, \"fontFamily\": \"Arial\", \"textSizeInPixels\": 13 }"
  }
}

Back to Default Lenses

09 Maturity

Lens (Preview)	Description
	This is one of the original lenses and places a L, M or H to signify Low, Medium or High in relation to maturity. It places the text L, H or M in the top right corner of the box. Value Type: CHOICE (Low, Medium, High) \| Render Function: Map Choice Attribute to Box Property

{
  "Low": {
    "boxPropertyKey": "badge8",
    "boxPropertyValue": "{ \"text\": \"L\", \"horizontalPositionInPercent\": 100, \"verticalPositionInPercent\": 0, \"verticalAlignment\": \"none\", \"horizontalAlignment\": \"none\",\"borderRadius\": 0,  \"backgroundColor\": \"#ff0000\", \"textColor\": \"White\" ,\"width\": 20, \"height\": 20, \"fontFamily\": \"Arial\", \"textSizeInPixels\": 13 }"
  },
  "Medium": {
    "boxPropertyKey": "badge8",
    "boxPropertyValue": "{ \"text\": \"M\", \"horizontalPositionInPercent\": 100, \"verticalPositionInPercent\": 0, \"verticalAlignment\": \"none\", \"horizontalAlignment\": \"none\", \"borderRadius\": 0, \"backgroundColor\": \"#ffbf00\", \"textColor\": \"#000000\" , \"width\": 20, \"height\": 20, \"fontFamily\": \"Arial\", \"textSizeInPixels\": 13 }"
  },
  "High": {
    "boxPropertyKey": "badge8",
    "boxPropertyValue": "{ \"text\": \"H\", \"horizontalPositionInPercent\": 100, \"verticalPositionInPercent\": 0, \"verticalAlignment\": \"none\", \"horizontalAlignment\": \"none\", \"borderRadius\": 0, \"backgroundColor\": \"#00FF00\", \"textColor\": \"#000000\" ,\"width\": 20, \"height\": 20, \"fontFamily\": \"Arial\", \"textSizeInPixels\": 13 }"
  }
}

Back to Default Lenses

010 Rich Text

Lens (Preview)	Description
	This Lens enriches the Box Name by adding the free form text directly into the box below the existing box name. This Lens is the default Lens when you bring in a`NEW` column during an Excel Import. Value Type: TEXT \| Render Function: Set Box Property from Attibute `NOTE` The Value Type is TEXT

{
  "boxPropertyKey": "text"
}

Back to Default Lenses

011 Project Completeness

Lens (Preview)	Description
	This Lens places a % completeness horizontal bar along the middle of the box. The selection is in 5% increments and colour coded 5% - 50% = Red, 55% - 65% = Amber and 70%+ = Green. The horizontal Bar is weighted so a Low % complete = Long Red Bar, 50% Complete = Mid length Amber bar etc. This also includes the associated % complete in text format on the left most part of the bar. Value Type: CHOICE (5% Increments through to 100%) \| Render Function: Map Choice Attribute to Box Property

Lens (Preview)

Description

This Lens places a % completeness horizontal bar along the middle of the box. The selection is in 5% increments and colour coded 5% - 50% = Red, 55% - 65% = Amber and 70%+ = Green. The horizontal Bar is weighted so a Low % complete = Long Red Bar, 50% Complete = Mid length Amber bar etc. This also includes the associated % complete in text format on the left most part of the bar.

Value Type: CHOICE (5% Increments through to 100%) | Render Function: Map Choice Attribute to Box Property

{
  "5%": {
    "boxPropertyKey": "badge9",
    "boxPropertyValue": "{\"textAlignment\":  \"start\", \"text\": \"5%\", \"horizontalPositionInPercent\": 0, \"verticalPositionInPercent\": 50, \"verticalAlignment\": \"none\", \"horizontalAlignment\": \"none\", \"width\": \"100%\", \"textColor\": \"#FFFFFF\",\"textSizeInPixels\": 13,\"height\": 20, \"backgroundImage\": \"linear-gradient(to right, #FF0000,#FF000000 95%)\" }"
  },
  "10%": {
    "boxPropertyKey": "badge9",
    "boxPropertyValue": "{\"textAlignment\":  \"start\", \"text\": \"10%\", \"horizontalPositionInPercent\": 0, \"verticalPositionInPercent\": 50, \"verticalAlignment\": \"none\", \"horizontalAlignment\": \"none\", \"width\": \"100%\", \"textColor\": \"#FFFFFF\",\"textSizeInPixels\": 13,\"height\": 20, \"backgroundImage\": \"linear-gradient(to right, #FF0000,#FF000000 90%)\" }"
  },
  "15%": {
    "boxPropertyKey": "badge9",
    "boxPropertyValue": "{\"textAlignment\":  \"start\", \"text\": \"15%\", \"horizontalPositionInPercent\": 0, \"verticalPositionInPercent\": 50, \"verticalAlignment\": \"none\", \"horizontalAlignment\": \"none\", \"width\": \"100%\", \"textColor\": \"#FFFFFF\",\"textSizeInPixels\": 13,\"height\": 20, \"backgroundImage\": \"linear-gradient(to right, #FF0000, #FF000000 85%)\" }"
  },
  "20%": {
    "boxPropertyKey": "badge9",
    "boxPropertyValue": "{\"textAlignment\":  \"start\", \"text\": \"20%\", \"horizontalPositionInPercent\": 0, \"verticalPositionInPercent\": 50, \"verticalAlignment\": \"none\", \"horizontalAlignment\": \"none\", \"width\": \"100%\", \"textColor\": \"#FFFFFF\",\"textSizeInPixels\": 13,\"height\": 20, \"backgroundImage\": \"linear-gradient(to right, #FF0000,#FF000000 80%)\" }"
  },
  "25%": {
    "boxPropertyKey": "badge9",
    "boxPropertyValue": "{\"textAlignment\":  \"start\", \"text\": \"25%\", \"horizontalPositionInPercent\": 0, \"verticalPositionInPercent\": 50, \"verticalAlignment\": \"none\", \"horizontalAlignment\": \"none\", \"width\": \"100%\", \"textColor\": \"#FFFFFF\",\"textSizeInPixels\": 13,\"height\": 20, \"backgroundImage\": \"linear-gradient(to right, #FF0000,#FF000000 75%)\" }"
  },
  "30%": {
    "boxPropertyKey": "badge9",
    "boxPropertyValue": "{\"textAlignment\":  \"start\", \"text\": \"30%\", \"horizontalPositionInPercent\": 0, \"verticalPositionInPercent\": 50, \"verticalAlignment\": \"none\", \"horizontalAlignment\": \"none\", \"width\": \"100%\", \"textColor\": \"#FFFFFF\",\"textSizeInPixels\": 13,\"height\": 20, \"backgroundImage\": \"linear-gradient(to right, #FF0000,#FF000000 70%)\" }"
  },
  "35%": {
    "boxPropertyKey": "badge9",
    "boxPropertyValue": "{\"textAlignment\":  \"start\", \"text\": \"35%\", \"horizontalPositionInPercent\": 0, \"verticalPositionInPercent\": 50, \"verticalAlignment\": \"none\", \"horizontalAlignment\": \"none\", \"width\": \"100%\", \"textColor\": \"#FFFFFF\",\"textSizeInPixels\": 13,\"height\": 20, \"backgroundImage\": \"linear-gradient(to right, #FF0000,#FF000000 65%)\" }"
  },
  "40%": {
    "boxPropertyKey": "badge9",
    "boxPropertyValue": "{\"textAlignment\":  \"start\", \"text\": \"40%\", \"horizontalPositionInPercent\": 0, \"verticalPositionInPercent\": 50, \"verticalAlignment\": \"none\", \"horizontalAlignment\": \"none\", \"width\": \"100%\", \"textColor\": \"#FFFFFF\",\"textSizeInPixels\": 13,\"height\": 20, \"backgroundImage\": \"linear-gradient(to right, #FF0000,#FF000000 60%)\" }"
  },
  "45%": {
    "boxPropertyKey": "badge9",
    "boxPropertyValue": "{\"textAlignment\":  \"start\", \"text\": \"45%\", \"horizontalPositionInPercent\": 0, \"verticalPositionInPercent\": 50, \"verticalAlignment\": \"none\", \"horizontalAlignment\": \"none\", \"width\": \"100%\", \"textColor\": \"#FFFFFF\",\"textSizeInPixels\": 13,\"height\": 20, \"backgroundImage\": \"linear-gradient(to right, #FF0000,#FF000000 55%)\" }"
  },
  "50%": {
    "boxPropertyKey": "badge9",
    "boxPropertyValue": "{\"textAlignment\":  \"start\", \"text\": \"50%\", \"horizontalPositionInPercent\": 0, \"verticalPositionInPercent\": 50, \"verticalAlignment\": \"none\", \"horizontalAlignment\": \"none\", \"width\": \"100%\", \"textColor\": \"#FFFFFF\",\"textSizeInPixels\": 13,\"height\": 20, \"backgroundImage\": \"linear-gradient(to right, #FF0000,#FF000000 50%)\" }"
  },
  "55%": {
    "boxPropertyKey": "badge9",
    "boxPropertyValue": "{\"textAlignment\":  \"start\", \"text\": \"55%\", \"horizontalPositionInPercent\": 0, \"verticalPositionInPercent\": 50, \"verticalAlignment\": \"none\", \"horizontalAlignment\": \"none\", \"width\": \"100%\", \"textColor\": \"#FFFFFF\",\"textSizeInPixels\": 13,\"height\": 20, \"backgroundImage\": \"linear-gradient(to right, #FF7E00,#FF000000 55%)\" }"
  },
  "60%": {
    "boxPropertyKey": "badge9",
    "boxPropertyValue": "{\"textAlignment\":  \"start\", \"text\": \"60%\", \"horizontalPositionInPercent\": 0, \"verticalPositionInPercent\": 50, \"verticalAlignment\": \"none\", \"horizontalAlignment\": \"none\", \"width\": \"100%\", \"textColor\": \"#FFFFFF\",\"textSizeInPixels\": 13,\"height\": 20, \"backgroundImage\": \"linear-gradient(to right, #FF7E00,#FF000000 60%)\" }"
  },
  "65%": {
    "boxPropertyKey": "badge9",
    "boxPropertyValue": "{\"textAlignment\":  \"start\", \"text\": \"65%\", \"horizontalPositionInPercent\": 0, \"verticalPositionInPercent\": 50, \"verticalAlignment\": \"none\", \"horizontalAlignment\": \"none\", \"width\": \"100%\", \"textColor\": \"#FFFFFF\",\"textSizeInPixels\": 13,\"height\": 20, \"backgroundImage\": \"linear-gradient(to right, #FF7E00,#02518200 65%)\" }"
  },
  "70%": {
    "boxPropertyKey": "badge9",
    "boxPropertyValue": "{\"textAlignment\":  \"start\", \"text\": \"70%\", \"horizontalPositionInPercent\": 0, \"verticalPositionInPercent\": 50, \"verticalAlignment\": \"none\", \"horizontalAlignment\": \"none\", \"width\": \"100%\", \"textColor\": \"#FFFFFF\",\"textSizeInPixels\": 13,\"height\": 20, \"backgroundImage\": \"linear-gradient(to right, #00CB9C,#FF000000 70%)\" }"
  },
  "75%": {
    "boxPropertyKey": "badge9",
    "boxPropertyValue": "{\"textAlignment\":  \"start\", \"text\": \"75%\", \"horizontalPositionInPercent\": 0, \"verticalPositionInPercent\": 50, \"verticalAlignment\": \"none\", \"horizontalAlignment\": \"none\", \"width\": \"100%\", \"textColor\": \"#FFFFFF\",\"textSizeInPixels\": 13,\"height\": 20, \"backgroundImage\": \"linear-gradient(to right, #00CB9C,#FF000000 75%)\" }"
  },
  "80%": {
    "boxPropertyKey": "badge9",
    "boxPropertyValue": "{\"textAlignment\":  \"start\", \"text\": \"80%\", \"horizontalPositionInPercent\": 0, \"verticalPositionInPercent\": 50, \"verticalAlignment\": \"none\", \"horizontalAlignment\": \"none\", \"width\": \"100%\", \"textColor\": \"#FFFFFF\",\"textSizeInPixels\": 13,\"height\": 20, \"backgroundImage\": \"linear-gradient(to right, #00CB9C,#FF000000 80%)\" }"
  },
  "85%": {
    "boxPropertyKey": "badge9",
    "boxPropertyValue": "{\"textAlignment\":  \"start\", \"text\": \"85%\", \"horizontalPositionInPercent\": 0, \"verticalPositionInPercent\": 50, \"verticalAlignment\": \"none\", \"horizontalAlignment\": \"none\", \"width\": \"100%\", \"textColor\": \"#FFFFFF\",\"textSizeInPixels\": 13,\"height\": 20, \"backgroundImage\": \"linear-gradient(to right, #00CB9C,#FF000000 85%)\" }"
  },
  "90%": {
    "boxPropertyKey": "badge9",
    "boxPropertyValue": "{\"textAlignment\":  \"start\", \"text\": \"90%\", \"horizontalPositionInPercent\": 0, \"verticalPositionInPercent\": 50, \"verticalAlignment\": \"none\", \"horizontalAlignment\": \"none\", \"width\": \"100%\", \"textColor\": \"#FFFFFF\",\"textSizeInPixels\": 13,\"height\": 20, \"backgroundImage\": \"linear-gradient(to right, #00CB9C,#FF000000 90%)\" }"
  },
  "95%": {
    "boxPropertyKey": "badge9",
    "boxPropertyValue": "{\"textAlignment\":  \"start\", \"text\": \"95%\", \"horizontalPositionInPercent\": 0, \"verticalPositionInPercent\": 50, \"verticalAlignment\": \"none\", \"horizontalAlignment\": \"none\", \"width\": \"100%\", \"textColor\": \"#FFFFFF\",\"textSizeInPixels\": 13,\"height\": 20, \"backgroundImage\": \"linear-gradient(to right, #00CB9C,#FF000000 95%)\" }"
  },
  "100%": {
    "boxPropertyKey": "badge9",
    "boxPropertyValue": "{\"textAlignment\":  \"start\", \"text\": \"100%\", \"horizontalPositionInPercent\": 0, \"verticalPositionInPercent\": 50, \"verticalAlignment\": \"none\", \"horizontalAlignment\": \"none\", \"width\": \"100%\", \"textColor\": \"#FFFFFF\",\"textSizeInPixels\": 13,\"height\": 20, \"backgroundImage\": \"linear-gradient(to right, #00CB9C,#FF000000 100%)\" }"
  }
}

Back to Default Lenses

012 Out of Scope

Lens (Preview)	Description
	This Lens places a prominent red background color on the box to draw attention to elements that are out of scope or simply highlights an area that you would like to draw focus too. Value Type: CHOICE (Yes) \| Render Function: Map Choice Attribute to Box Property

Set the background color - Red

{
  "Yes": {
    "boxPropertyKey": "backgroundColor",
    "boxPropertyValue": "#E60D2E"
  }
}

Set the Text color - White

{
  "Yes": {
    "boxPropertyKey": "textColor",
    "boxPropertyValue": "#FFFFFF"
  }
}

Back to Default Lenses

013 Yes No Maybe

Lens (Preview)	Description
	This Lens places the text `Yes`, `No` or `Maybe` in the top right corner of a box. Value Type: CHOICE (Yes, No, Maybe) \| Render Function: Map Choice Attribute to Box Property

{
  "Yes": {
    "boxPropertyKey": "badge13",
    "boxPropertyValue": "{ \"text\": \"Yes\", \"horizontalPositionInPercent\": 0, \"verticalPositionInPercent\": 0, \"verticalAlignment\": \"none\", \"horizontalAlignment\": \"none\",\"borderRadius\": 5, \"backgroundColor\": \"#00CB9C\", \"textColor\": \"White\", \"width\": 35, \"height\": 15, \"fontFamily\": \"Arial\", \"textSizeInPixels\": 13 }"
  },
  "No": {
    "boxPropertyKey": "badge13",
    "boxPropertyValue": "{ \"text\": \"No\", \"horizontalPositionInPercent\": 0, \"verticalPositionInPercent\": 0, \"verticalAlignment\": \"none\", \"horizontalAlignment\": \"none\",\"borderRadius\": 5, \"backgroundColor\": \"#ff0000\", \"textColor\": \"White\", \"width\": 30, \"height\": 15, \"fontFamily\": \"Arial\", \"textSizeInPixels\": 13 }"
  },
  "Maybe": {
    "boxPropertyKey": "badge13",
    "boxPropertyValue": "{ \"text\": \"Maybe\", \"horizontalPositionInPercent\": 0, \"verticalPositionInPercent\": 0, \"verticalAlignment\": \"none\", \"horizontalAlignment\": \"none\",\"borderRadius\": 5, \"backgroundColor\": \"#FF7E00\", \"textColor\": \"White\", \"width\": 55, \"height\": 15, \"fontFamily\": \"Arial\", \"textSizeInPixels\": 13 }"
  }
}

Back to Default Lenses

0. Default Lenses Detail​

01 Readiness​

02 Strategic Color​

03 Critical​

04 Priority​

05 Strategic Importance​

06 Risk​

07 Cost Base​

08 Revenue Base​

09 Maturity​

010 Rich Text​

011 Project Completeness​

012 Out of Scope​

013 Yes No Maybe​

0. Default Lenses Detail

01 Readiness

02 Strategic Color

03 Critical

04 Priority

05 Strategic Importance

06 Risk

07 Cost Base

08 Revenue Base

09 Maturity

010 Rich Text

011 Project Completeness

012 Out of Scope

013 Yes No Maybe