{"id":797531,"date":"2022-02-27T10:00:48","date_gmt":"2022-02-27T18:00:48","guid":{"rendered":"https:\/\/www.esri.com\/arcgis-blog\/?post_type=blog&p=797531"},"modified":"2024-11-01T00:01:30","modified_gmt":"2024-11-01T07:01:30","slug":"getting-started-with-arcade-in-arcgis-dashboards","status":"publish","type":"blog","link":"https:\/\/www.esri.com\/arcgis-blog\/products\/ops-dashboard\/real-time\/getting-started-with-arcade-in-arcgis-dashboards","title":{"rendered":"Getting started with advanced formatting using Arcade in Dashboards"},"author":8482,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"open","ping_status":"closed","template":"","format":"standard","meta":{"_acf_changed":false,"_searchwp_excluded":""},"categories":[777102,23851,37141,37121],"tags":[32551,25891,147192,611331,212882],"industry":[],"product":[36671],"class_list":["post-797531","blog","type-blog","status-publish","format-standard","hentry","category-arcade","category-data-management","category-decision-support","category-real-time","tag-arcade","tag-arcgis","tag-dashboard","tag-expression","tag-number-format","product-ops-dashboard"],"acf":{"short_description":"Learn the basics of using Arcade formatting expressions in dashboards to calculate values and apply conditional formatting to your visualizations","flexible_content":[{"acf_fc_layout":"content","content":"

ArcGIS Dashboards enables you to convey information by presenting location-based analytics using intuitive and interactive data visualizations<\/a> on a single screen.<\/p>\n

Arcade<\/a>\u00a0can be used in multiple ways<\/a> within a dashboard. You can use Arcade for advanced formatting<\/a> or for data expressions<\/a>.\u00a0 This session<\/a> talks about the differences in detail.<\/p>\n

This article will provide a high-level overview of how you can get started using Arcade for advanced formatting in\u00a0the list<\/a>\u00a0element and the indicator<\/a> element. We also have a blog on tips for advanced formatting in the table element<\/a>. For more in-depth information, see the documentation<\/a>. If you are new to Arcade, you can learn about it here<\/a>.<\/p>\n"},{"acf_fc_layout":"content","content":"

Arcade in Lists<\/h1>\n

With ArcGIS Dashboards, an Arcade expression can now be used in the list element to reveal more information from your data. In the List<\/strong> tab, you will find an Arcade option \u2013 click Enable<\/strong>. The Arcade editor will open.<\/p>\n"},{"acf_fc_layout":"image","image":{"ID":797611,"id":797611,"title":"Arcade in List 1 - Default Expression","filename":"Arcade-in-List-1-Default-Expression.png","filesize":36428,"url":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2020\/04\/Arcade-in-List-1-Default-Expression.png","link":"https:\/\/www.esri.com\/arcgis-blog\/products\/ops-dashboard\/real-time\/getting-started-with-arcade-in-arcgis-dashboards\/arcade-in-list-1-default-expression","alt":"Default Expression","author":"8482","description":"","caption":"","name":"arcade-in-list-1-default-expression","status":"inherit","uploaded_to":797531,"date":"2020-04-04 08:29:52","modified":"2020-04-04 08:30:29","menu_order":0,"mime_type":"image\/png","type":"image","subtype":"png","icon":"https:\/\/www.esri.com\/arcgis-blog\/wp-includes\/images\/media\/default.png","width":1083,"height":677,"sizes":{"thumbnail":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2020\/04\/Arcade-in-List-1-Default-Expression-213x200.png","thumbnail-width":213,"thumbnail-height":200,"medium":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2020\/04\/Arcade-in-List-1-Default-Expression.png","medium-width":418,"medium-height":261,"medium_large":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2020\/04\/Arcade-in-List-1-Default-Expression.png","medium_large-width":768,"medium_large-height":480,"large":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2020\/04\/Arcade-in-List-1-Default-Expression.png","large-width":1083,"large-height":677,"1536x1536":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2020\/04\/Arcade-in-List-1-Default-Expression.png","1536x1536-width":1083,"1536x1536-height":677,"2048x2048":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2020\/04\/Arcade-in-List-1-Default-Expression.png","2048x2048-width":1083,"2048x2048-height":677,"card_image":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2020\/04\/Arcade-in-List-1-Default-Expression-744x465.png","card_image-width":744,"card_image-height":465,"wide_image":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2020\/04\/Arcade-in-List-1-Default-Expression.png","wide_image-width":1083,"wide_image-height":677}},"image_position":"center","orientation":"horizontal","hyperlink":""},{"acf_fc_layout":"content","content":"

The Arcade expression will run for each line item (i.e. data point). Attributes can be referenced using the $datapoint global variable in the Arcade editor. From your expression, you will return properties that define how each line item renders. Within the attributes<\/strong> property (a dictionary<\/a>), you can return key-value pairs\u00a0to be used in the Line Item Template<\/strong>. Unlike attribute expressions (used in a layer\u2019s popup, styles, and labels), a single Arcade expression can pass out multiple attributes to be used in the template.<\/p>\n

Let\u2019s work through an example to illustrate these concepts. If you\u2019d like to follow along, save a copy of this map<\/a>, then on the ArcGIS Online home page choose Dashboards <\/strong>from the app launcher<\/a> next to your user name. Create a new dashboard, add your map to it, and create a list based on the Plows<\/strong> layer.<\/p>\n

In the List<\/strong> tab, we can display the truck name and the speed in miles per hour (mph) for each snowplow by referencing attributes ({vehiclename}<\/code> and {speed}<\/code>) in the line item template. Now, click the Enable<\/strong> button for Arcade and, using an Arcade expression, we can calculate the speed in kilometers per hour (kph).<\/p>\n

var speedKph = Floor($datapoint.speed * 1.60934, 0);<\/code><\/p>\n

Now, let\u2019s declare a kph<\/code> property in the attributes<\/code> dictionary and reference our calculated value, speedKph<\/code>.<\/p>\n"},{"acf_fc_layout":"image","image":{"ID":797631,"id":797631,"title":"Arcade in List 2 - Calculate Speed in KPH","filename":"Arcade-in-List-2-Calculate-Speed-in-KPH.png","filesize":24414,"url":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2020\/04\/Arcade-in-List-2-Calculate-Speed-in-KPH.png","link":"https:\/\/www.esri.com\/arcgis-blog\/products\/ops-dashboard\/real-time\/getting-started-with-arcade-in-arcgis-dashboards\/arcade-in-list-2-calculate-speed-in-kph","alt":"Calculate Speed in KPH","author":"8482","description":"","caption":"","name":"arcade-in-list-2-calculate-speed-in-kph","status":"inherit","uploaded_to":797531,"date":"2020-04-04 08:35:04","modified":"2020-04-04 08:35:14","menu_order":0,"mime_type":"image\/png","type":"image","subtype":"png","icon":"https:\/\/www.esri.com\/arcgis-blog\/wp-includes\/images\/media\/default.png","width":600,"height":304,"sizes":{"thumbnail":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2020\/04\/Arcade-in-List-2-Calculate-Speed-in-KPH-213x200.png","thumbnail-width":213,"thumbnail-height":200,"medium":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2020\/04\/Arcade-in-List-2-Calculate-Speed-in-KPH.png","medium-width":464,"medium-height":235,"medium_large":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2020\/04\/Arcade-in-List-2-Calculate-Speed-in-KPH.png","medium_large-width":600,"medium_large-height":304,"large":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2020\/04\/Arcade-in-List-2-Calculate-Speed-in-KPH.png","large-width":600,"large-height":304,"1536x1536":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2020\/04\/Arcade-in-List-2-Calculate-Speed-in-KPH.png","1536x1536-width":600,"1536x1536-height":304,"2048x2048":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2020\/04\/Arcade-in-List-2-Calculate-Speed-in-KPH.png","2048x2048-width":600,"2048x2048-height":304,"card_image":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2020\/04\/Arcade-in-List-2-Calculate-Speed-in-KPH.png","card_image-width":600,"card_image-height":304,"wide_image":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2020\/04\/Arcade-in-List-2-Calculate-Speed-in-KPH.png","wide_image-width":600,"wide_image-height":304}},"image_position":"center","orientation":"horizontal","hyperlink":""},{"acf_fc_layout":"content","content":"

The value of kph can now be used in the line item template using the {expression\/kph}<\/code> syntax. The list preview updates immediately, showing speed in both MPH and KPH.<\/p>\n"},{"acf_fc_layout":"image","image":{"ID":797651,"id":797651,"title":"Arcade in List 4 - Preview of List with KPH","filename":"Arcade-in-List-4-Preview-of-List-with-KPH.png","filesize":58945,"url":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2020\/04\/Arcade-in-List-4-Preview-of-List-with-KPH.png","link":"https:\/\/www.esri.com\/arcgis-blog\/products\/ops-dashboard\/real-time\/getting-started-with-arcade-in-arcgis-dashboards\/arcade-in-list-4-preview-of-list-with-kph","alt":"Preview of List with KPH","author":"8482","description":"","caption":"","name":"arcade-in-list-4-preview-of-list-with-kph","status":"inherit","uploaded_to":797531,"date":"2020-04-04 08:39:34","modified":"2020-04-04 08:39:47","menu_order":0,"mime_type":"image\/png","type":"image","subtype":"png","icon":"https:\/\/www.esri.com\/arcgis-blog\/wp-includes\/images\/media\/default.png","width":1195,"height":745,"sizes":{"thumbnail":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2020\/04\/Arcade-in-List-4-Preview-of-List-with-KPH-213x200.png","thumbnail-width":213,"thumbnail-height":200,"medium":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2020\/04\/Arcade-in-List-4-Preview-of-List-with-KPH.png","medium-width":419,"medium-height":261,"medium_large":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2020\/04\/Arcade-in-List-4-Preview-of-List-with-KPH.png","medium_large-width":768,"medium_large-height":479,"large":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2020\/04\/Arcade-in-List-4-Preview-of-List-with-KPH.png","large-width":1195,"large-height":745,"1536x1536":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2020\/04\/Arcade-in-List-4-Preview-of-List-with-KPH.png","1536x1536-width":1195,"1536x1536-height":745,"2048x2048":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2020\/04\/Arcade-in-List-4-Preview-of-List-with-KPH.png","2048x2048-width":1195,"2048x2048-height":745,"card_image":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2020\/04\/Arcade-in-List-4-Preview-of-List-with-KPH-746x465.png","card_image-width":746,"card_image-height":465,"wide_image":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2020\/04\/Arcade-in-List-4-Preview-of-List-with-KPH.png","wide_image-width":1195,"wide_image-height":745}},"image_position":"center","orientation":"horizontal","hyperlink":""},{"acf_fc_layout":"content","content":"

It may also be useful to distinguish stopped vehicles, as it can be an early sign of a problem. In the expression, let\u2019s declare a color<\/code> variable and, using the IIF()<\/a><\/strong> function in Arcade, set it equal to a light red (#F3DED7<\/code>) when the speed is zero and undefined otherwise. When undefined, the color will inherit from the element\u2019s background color in the General<\/strong> tab.<\/p>\n

var color = IIF($datapoint.speed == 0, '#F3DED7','');<\/code><\/p>\n

Now, let\u2019s return the value of color<\/code> for the backgroundColor<\/code> property of the list item. The following image shows the resulting expression and a preview of the list with one truck showing as stopped.<\/p>\n"},{"acf_fc_layout":"image","image":{"ID":797661,"id":797661,"title":"Arcade in List 5 - Highlight Stopped Vehicles","filename":"Arcade-in-List-5-Highlight-Stopped-Vehicles.png","filesize":58934,"url":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2020\/04\/Arcade-in-List-5-Highlight-Stopped-Vehicles.png","link":"https:\/\/www.esri.com\/arcgis-blog\/products\/ops-dashboard\/real-time\/getting-started-with-arcade-in-arcgis-dashboards\/arcade-in-list-5-highlight-stopped-vehicles","alt":"Highlight Stopped Vehicles","author":"8482","description":"","caption":"","name":"arcade-in-list-5-highlight-stopped-vehicles","status":"inherit","uploaded_to":797531,"date":"2020-04-04 08:42:26","modified":"2020-04-04 08:42:36","menu_order":0,"mime_type":"image\/png","type":"image","subtype":"png","icon":"https:\/\/www.esri.com\/arcgis-blog\/wp-includes\/images\/media\/default.png","width":1200,"height":750,"sizes":{"thumbnail":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2020\/04\/Arcade-in-List-5-Highlight-Stopped-Vehicles-213x200.png","thumbnail-width":213,"thumbnail-height":200,"medium":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2020\/04\/Arcade-in-List-5-Highlight-Stopped-Vehicles.png","medium-width":418,"medium-height":261,"medium_large":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2020\/04\/Arcade-in-List-5-Highlight-Stopped-Vehicles.png","medium_large-width":768,"medium_large-height":480,"large":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2020\/04\/Arcade-in-List-5-Highlight-Stopped-Vehicles.png","large-width":1200,"large-height":750,"1536x1536":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2020\/04\/Arcade-in-List-5-Highlight-Stopped-Vehicles.png","1536x1536-width":1200,"1536x1536-height":750,"2048x2048":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2020\/04\/Arcade-in-List-5-Highlight-Stopped-Vehicles.png","2048x2048-width":1200,"2048x2048-height":750,"card_image":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2020\/04\/Arcade-in-List-5-Highlight-Stopped-Vehicles-744x465.png","card_image-width":744,"card_image-height":465,"wide_image":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2020\/04\/Arcade-in-List-5-Highlight-Stopped-Vehicles.png","wide_image-width":1200,"wide_image-height":750}},"image_position":"center","orientation":"horizontal","hyperlink":""},{"acf_fc_layout":"content","content":"

By using Arcade, this list now communicates speed in different measurement systems and helps viewers quickly identify stopped vehicles. See the final dashboard<\/a> or make a copy<\/a> to see how it was made.<\/p>\n"},{"acf_fc_layout":"content","content":"

Arcade in Indicators<\/h1>\n

Arcade can also be used in the indicator element. In the Indicator <\/strong>tab, you will find an Arcade option \u2013 click Enable<\/strong>. The Arcade editor will open.<\/p>\n"},{"acf_fc_layout":"image","image":{"ID":797681,"id":797681,"title":"Arcade in Indicator 1 - Default Expression","filename":"Arcade-in-Indicator-1-Default-Expression-1.png","filesize":52563,"url":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2020\/04\/Arcade-in-Indicator-1-Default-Expression-1.png","link":"https:\/\/www.esri.com\/arcgis-blog\/products\/ops-dashboard\/real-time\/getting-started-with-arcade-in-arcgis-dashboards\/arcade-in-indicator-1-default-expression-2","alt":"Default Expression","author":"8482","description":"","caption":"","name":"arcade-in-indicator-1-default-expression-2","status":"inherit","uploaded_to":797531,"date":"2020-04-04 08:44:47","modified":"2020-04-04 08:44:56","menu_order":0,"mime_type":"image\/png","type":"image","subtype":"png","icon":"https:\/\/www.esri.com\/arcgis-blog\/wp-includes\/images\/media\/default.png","width":1200,"height":750,"sizes":{"thumbnail":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2020\/04\/Arcade-in-Indicator-1-Default-Expression-1-213x200.png","thumbnail-width":213,"thumbnail-height":200,"medium":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2020\/04\/Arcade-in-Indicator-1-Default-Expression-1.png","medium-width":418,"medium-height":261,"medium_large":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2020\/04\/Arcade-in-Indicator-1-Default-Expression-1.png","medium_large-width":768,"medium_large-height":480,"large":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2020\/04\/Arcade-in-Indicator-1-Default-Expression-1.png","large-width":1200,"large-height":750,"1536x1536":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2020\/04\/Arcade-in-Indicator-1-Default-Expression-1.png","1536x1536-width":1200,"1536x1536-height":750,"2048x2048":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2020\/04\/Arcade-in-Indicator-1-Default-Expression-1.png","2048x2048-width":1200,"2048x2048-height":750,"card_image":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2020\/04\/Arcade-in-Indicator-1-Default-Expression-1-744x465.png","card_image-width":744,"card_image-height":465,"wide_image":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2020\/04\/Arcade-in-Indicator-1-Default-Expression-1.png","wide_image-width":1200,"wide_image-height":750}},"image_position":"center","orientation":"horizontal","hyperlink":""},{"acf_fc_layout":"content","content":"

Similar to the list, attributes can be referenced using the $datapoint<\/code> global variable in the Arcade editor. From your expression, you will return properties that define how the indicator renders. Within the attributes<\/strong> property (a dictionary<\/a>), you can return key-value pairs to be used in the Title<\/strong> and Description<\/strong>. As with the list element, a single Arcade expression can pass out multiple attributes.<\/p>\n

Let’s work through another example. We are creating a dashboard for monitoring earthquake activity. Let\u2019s use an indicator to display the count of large earthquakes in the last 24 hours. We do this using the following filters and title text shown below.<\/p>\n

 <\/p>\n"},{"acf_fc_layout":"image","image":{"ID":797691,"id":797691,"title":"Arcade in Indicator 2 - Data Configuration","filename":"Arcade-in-Indicator-2-Data-Configuration-1.png","filesize":26448,"url":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2020\/04\/Arcade-in-Indicator-2-Data-Configuration-1.png","link":"https:\/\/www.esri.com\/arcgis-blog\/products\/ops-dashboard\/real-time\/getting-started-with-arcade-in-arcgis-dashboards\/arcade-in-indicator-2-data-configuration-2","alt":"Data Configuration","author":"8482","description":"","caption":"","name":"arcade-in-indicator-2-data-configuration-2","status":"inherit","uploaded_to":797531,"date":"2020-04-04 08:47:58","modified":"2020-04-04 08:48:12","menu_order":0,"mime_type":"image\/png","type":"image","subtype":"png","icon":"https:\/\/www.esri.com\/arcgis-blog\/wp-includes\/images\/media\/default.png","width":1200,"height":750,"sizes":{"thumbnail":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2020\/04\/Arcade-in-Indicator-2-Data-Configuration-1-213x200.png","thumbnail-width":213,"thumbnail-height":200,"medium":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2020\/04\/Arcade-in-Indicator-2-Data-Configuration-1.png","medium-width":418,"medium-height":261,"medium_large":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2020\/04\/Arcade-in-Indicator-2-Data-Configuration-1.png","medium_large-width":768,"medium_large-height":480,"large":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2020\/04\/Arcade-in-Indicator-2-Data-Configuration-1.png","large-width":1200,"large-height":750,"1536x1536":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2020\/04\/Arcade-in-Indicator-2-Data-Configuration-1.png","1536x1536-width":1200,"1536x1536-height":750,"2048x2048":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2020\/04\/Arcade-in-Indicator-2-Data-Configuration-1.png","2048x2048-width":1200,"2048x2048-height":750,"card_image":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2020\/04\/Arcade-in-Indicator-2-Data-Configuration-1-744x465.png","card_image-width":744,"card_image-height":465,"wide_image":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2020\/04\/Arcade-in-Indicator-2-Data-Configuration-1.png","wide_image-width":1200,"wide_image-height":750}},"image_position":"center","orientation":"horizontal","hyperlink":""},{"acf_fc_layout":"content","content":"

It is effective in providing information at a glance. However, it would be good to visually elevate the indicator when there have been one or more large earthquakes, a situation that occurs intermittently. Let\u2019s conditionally format the indicator based on this logic.<\/p>\n

In the Indicator<\/strong> tab, enable Arcade. By clicking on the Globals <\/strong>tab in the editor, we see that there is only a count attribute since our indicator is based on a summary statistic. As is shown in the following image, only the middleText<\/code> properties are being returned (the others are commented out). To use other properties, simply uncomment them by removing the \/\/<\/code> or by pressing ctrl <\/strong>+ \/<\/strong>.<\/p>\n"},{"acf_fc_layout":"image","image":{"ID":797701,"id":797701,"title":"Arcade in Indicator 1 - Default Expression","filename":"Arcade-in-Indicator-1-Default-Expression-2.png","filesize":52563,"url":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2020\/04\/Arcade-in-Indicator-1-Default-Expression-2.png","link":"https:\/\/www.esri.com\/arcgis-blog\/products\/ops-dashboard\/real-time\/getting-started-with-arcade-in-arcgis-dashboards\/arcade-in-indicator-1-default-expression-3","alt":"Default Expression","author":"8482","description":"","caption":"","name":"arcade-in-indicator-1-default-expression-3","status":"inherit","uploaded_to":797531,"date":"2020-04-04 08:50:19","modified":"2020-04-04 08:50:32","menu_order":0,"mime_type":"image\/png","type":"image","subtype":"png","icon":"https:\/\/www.esri.com\/arcgis-blog\/wp-includes\/images\/media\/default.png","width":1200,"height":750,"sizes":{"thumbnail":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2020\/04\/Arcade-in-Indicator-1-Default-Expression-2-213x200.png","thumbnail-width":213,"thumbnail-height":200,"medium":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2020\/04\/Arcade-in-Indicator-1-Default-Expression-2.png","medium-width":418,"medium-height":261,"medium_large":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2020\/04\/Arcade-in-Indicator-1-Default-Expression-2.png","medium_large-width":768,"medium_large-height":480,"large":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2020\/04\/Arcade-in-Indicator-1-Default-Expression-2.png","large-width":1200,"large-height":750,"1536x1536":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2020\/04\/Arcade-in-Indicator-1-Default-Expression-2.png","1536x1536-width":1200,"1536x1536-height":750,"2048x2048":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2020\/04\/Arcade-in-Indicator-1-Default-Expression-2.png","2048x2048-width":1200,"2048x2048-height":750,"card_image":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2020\/04\/Arcade-in-Indicator-1-Default-Expression-2-744x465.png","card_image-width":744,"card_image-height":465,"wide_image":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2020\/04\/Arcade-in-Indicator-1-Default-Expression-2.png","wide_image-width":1200,"wide_image-height":750}},"image_position":"center","orientation":"horizontal","hyperlink":""},{"acf_fc_layout":"content","content":"

Like we did in the example for the list element, let\u2019s declare a color variable. Set it to equal \u2018white\u2019 by default. This time, create an if statement<\/a> <\/strong> in the following way to override this color when one or more large earthquakes have occurred.<\/p>\n"},{"acf_fc_layout":"sidebar","content":"","image_reference":false,"layout":"code_snippet","image_reference_figure":"","snippet":"var color = 'white';\r\nif ($datapoint[\"count\"] >= 1) {\r\n\tcolor = '#F3DED7';\r\n}","spotlight_name":"","section_title":"","position":"Center","spotlight_image":false},{"acf_fc_layout":"content","content":"

When the condition is met, color will be overridden to #F3DED7<\/code> (light red). In the expression uncomment the backgroundColor<\/code> property and assign it the value of color. \u00a0Below, you can see the resulting expression and a preview of the indicator with the condition met.<\/p>\n"},{"acf_fc_layout":"image","image":{"ID":797601,"id":797601,"title":"Arcade in Indicator 3 - Color Logic","filename":"Arcade-in-Indicator-3-Color-Logic.png","filesize":51970,"url":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2020\/04\/Arcade-in-Indicator-3-Color-Logic.png","link":"https:\/\/www.esri.com\/arcgis-blog\/products\/ops-dashboard\/real-time\/getting-started-with-arcade-in-arcgis-dashboards\/arcade-in-indicator-3-color-logic","alt":"Color Logic","author":"8482","description":"","caption":"","name":"arcade-in-indicator-3-color-logic","status":"inherit","uploaded_to":797531,"date":"2020-04-04 08:26:47","modified":"2020-04-04 08:26:56","menu_order":0,"mime_type":"image\/png","type":"image","subtype":"png","icon":"https:\/\/www.esri.com\/arcgis-blog\/wp-includes\/images\/media\/default.png","width":1200,"height":750,"sizes":{"thumbnail":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2020\/04\/Arcade-in-Indicator-3-Color-Logic-213x200.png","thumbnail-width":213,"thumbnail-height":200,"medium":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2020\/04\/Arcade-in-Indicator-3-Color-Logic.png","medium-width":418,"medium-height":261,"medium_large":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2020\/04\/Arcade-in-Indicator-3-Color-Logic.png","medium_large-width":768,"medium_large-height":480,"large":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2020\/04\/Arcade-in-Indicator-3-Color-Logic.png","large-width":1200,"large-height":750,"1536x1536":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2020\/04\/Arcade-in-Indicator-3-Color-Logic.png","1536x1536-width":1200,"1536x1536-height":750,"2048x2048":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2020\/04\/Arcade-in-Indicator-3-Color-Logic.png","2048x2048-width":1200,"2048x2048-height":750,"card_image":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2020\/04\/Arcade-in-Indicator-3-Color-Logic-744x465.png","card_image-width":744,"card_image-height":465,"wide_image":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2020\/04\/Arcade-in-Indicator-3-Color-Logic.png","wide_image-width":1200,"wide_image-height":750}},"image_position":"center","orientation":"horizontal","hyperlink":""},{"acf_fc_layout":"content","content":"

We can also use the Arcade expression to display an icon on the indicator. In the configuration panel, scroll down to the Icons<\/strong> section and press +Add<\/strong>. After selecting an icon give it a name, such as \u2018earthquake\u2019.<\/p>\n"},{"acf_fc_layout":"image","image":{"ID":797711,"id":797711,"title":"Arcade in Indicator 5 - Icon for Indicator","filename":"Arcade-in-Indicator-5-Icon-for-Indicator.png","filesize":4803,"url":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2020\/04\/Arcade-in-Indicator-5-Icon-for-Indicator.png","link":"https:\/\/www.esri.com\/arcgis-blog\/products\/ops-dashboard\/real-time\/getting-started-with-arcade-in-arcgis-dashboards\/arcade-in-indicator-5-icon-for-indicator","alt":"Icon for Indicator","author":"8482","description":"","caption":"","name":"arcade-in-indicator-5-icon-for-indicator","status":"inherit","uploaded_to":797531,"date":"2020-04-04 08:55:38","modified":"2020-04-04 08:55:46","menu_order":0,"mime_type":"image\/png","type":"image","subtype":"png","icon":"https:\/\/www.esri.com\/arcgis-blog\/wp-includes\/images\/media\/default.png","width":587,"height":197,"sizes":{"thumbnail":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2020\/04\/Arcade-in-Indicator-5-Icon-for-Indicator-213x197.png","thumbnail-width":213,"thumbnail-height":197,"medium":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2020\/04\/Arcade-in-Indicator-5-Icon-for-Indicator.png","medium-width":464,"medium-height":156,"medium_large":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2020\/04\/Arcade-in-Indicator-5-Icon-for-Indicator.png","medium_large-width":587,"medium_large-height":197,"large":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2020\/04\/Arcade-in-Indicator-5-Icon-for-Indicator.png","large-width":587,"large-height":197,"1536x1536":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2020\/04\/Arcade-in-Indicator-5-Icon-for-Indicator.png","1536x1536-width":587,"1536x1536-height":197,"2048x2048":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2020\/04\/Arcade-in-Indicator-5-Icon-for-Indicator.png","2048x2048-width":587,"2048x2048-height":197,"card_image":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2020\/04\/Arcade-in-Indicator-5-Icon-for-Indicator.png","card_image-width":587,"card_image-height":197,"wide_image":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2020\/04\/Arcade-in-Indicator-5-Icon-for-Indicator.png","wide_image-width":587,"wide_image-height":197}},"image_position":"center","orientation":"horizontal","hyperlink":""},{"acf_fc_layout":"content","content":"

To display the icon on the indicator, uncomment the iconName<\/code> property and set it to equal to the name you chose for the icon (wrapped with quotes). The following image shows the resulting expression and the indicator with the icon visible.<\/p>\n"},{"acf_fc_layout":"image","image":{"ID":798121,"id":798121,"title":"Arcade in Indicator 6 - Expression with Icon Logic","filename":"Arcade-in-Indicator-6-Expression-with-Icon-Logic.png","filesize":41460,"url":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2020\/04\/Arcade-in-Indicator-6-Expression-with-Icon-Logic.png","link":"https:\/\/www.esri.com\/arcgis-blog\/products\/ops-dashboard\/real-time\/getting-started-with-arcade-in-arcgis-dashboards\/arcade-in-indicator-6-expression-with-icon-logic","alt":"Expression with Icon Logic","author":"8482","description":"","caption":"","name":"arcade-in-indicator-6-expression-with-icon-logic","status":"inherit","uploaded_to":797531,"date":"2020-04-05 12:42:16","modified":"2020-04-05 12:42:28","menu_order":0,"mime_type":"image\/png","type":"image","subtype":"png","icon":"https:\/\/www.esri.com\/arcgis-blog\/wp-includes\/images\/media\/default.png","width":1200,"height":750,"sizes":{"thumbnail":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2020\/04\/Arcade-in-Indicator-6-Expression-with-Icon-Logic-213x200.png","thumbnail-width":213,"thumbnail-height":200,"medium":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2020\/04\/Arcade-in-Indicator-6-Expression-with-Icon-Logic.png","medium-width":418,"medium-height":261,"medium_large":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2020\/04\/Arcade-in-Indicator-6-Expression-with-Icon-Logic.png","medium_large-width":768,"medium_large-height":480,"large":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2020\/04\/Arcade-in-Indicator-6-Expression-with-Icon-Logic.png","large-width":1200,"large-height":750,"1536x1536":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2020\/04\/Arcade-in-Indicator-6-Expression-with-Icon-Logic.png","1536x1536-width":1200,"1536x1536-height":750,"2048x2048":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2020\/04\/Arcade-in-Indicator-6-Expression-with-Icon-Logic.png","2048x2048-width":1200,"2048x2048-height":750,"card_image":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2020\/04\/Arcade-in-Indicator-6-Expression-with-Icon-Logic-744x465.png","card_image-width":744,"card_image-height":465,"wide_image":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2020\/04\/Arcade-in-Indicator-6-Expression-with-Icon-Logic.png","wide_image-width":1200,"wide_image-height":750}},"image_position":"center","orientation":"horizontal","hyperlink":""},{"acf_fc_layout":"content","content":"

Now we have an indicator that is a subtle white when there have been no recent large earthquakes but dynamically changes to have a red background when one or more have occurred. We could even write another if<\/code> statement to make the background color a darker shade of red when the count is greater than 5.<\/p>\n

If you\u2019d like to see this technique in use, view this dashboard<\/a> or make a copy<\/a> of it to play with the Arcade expression.<\/p>\n"},{"acf_fc_layout":"content","content":"

Arcade in Tables<\/h1>\n

To learn about how Arcade can be used for a table element, see this blog post<\/a>.<\/p>\n"},{"acf_fc_layout":"image","image":{"ID":1516542,"id":1516542,"title":"Arcade formatting a table","filename":"Parking-Metrics-Dashboard-826x465-4.png","filesize":61469,"url":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2022\/02\/Parking-Metrics-Dashboard-826x465-4.png","link":"https:\/\/www.esri.com\/arcgis-blog\/products\/ops-dashboard\/real-time\/getting-started-with-arcade-in-arcgis-dashboards\/parking-metrics-dashboard-826x465-4-2","alt":"Arcade formatting a table","author":"8482","description":"","caption":"","name":"parking-metrics-dashboard-826x465-4-2","status":"inherit","uploaded_to":797531,"date":"2022-03-17 22:23:45","modified":"2022-03-17 22:24:12","menu_order":0,"mime_type":"image\/png","type":"image","subtype":"png","icon":"https:\/\/www.esri.com\/arcgis-blog\/wp-includes\/images\/media\/default.png","width":826,"height":465,"sizes":{"thumbnail":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2022\/02\/Parking-Metrics-Dashboard-826x465-4-213x200.png","thumbnail-width":213,"thumbnail-height":200,"medium":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2022\/02\/Parking-Metrics-Dashboard-826x465-4.png","medium-width":464,"medium-height":261,"medium_large":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2022\/02\/Parking-Metrics-Dashboard-826x465-4.png","medium_large-width":768,"medium_large-height":432,"large":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2022\/02\/Parking-Metrics-Dashboard-826x465-4.png","large-width":826,"large-height":465,"1536x1536":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2022\/02\/Parking-Metrics-Dashboard-826x465-4.png","1536x1536-width":826,"1536x1536-height":465,"2048x2048":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2022\/02\/Parking-Metrics-Dashboard-826x465-4.png","2048x2048-width":826,"2048x2048-height":465,"card_image":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2022\/02\/Parking-Metrics-Dashboard-826x465-4-826x465.png","card_image-width":826,"card_image-height":465,"wide_image":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2022\/02\/Parking-Metrics-Dashboard-826x465-4.png","wide_image-width":826,"wide_image-height":465}},"image_position":"center","orientation":"horizontal","hyperlink":""},{"acf_fc_layout":"content","content":"

Unit Prefixing<\/h1>\n

If you use indicators to display large values, you may have noticed that a nice, condensed \u201c5.2k\u201d value has turned into something like \u201c5209.11294003\u201d. Prior to enabling Arcade you were provided number formatting<\/a> and unit prefixing<\/a> options. When using Arcade, number formatting needs to be done in the expression.<\/p>\n

Thankfully, you can take advantage of the Text()<\/code><\/strong><\/a> function. It allows you to specify a pattern for either a number or a date. We can use it in the following way.<\/p>\n

Text(5209.11294003, '#,###'); \/\/ returns '5,209'<\/code><\/p>\n

This looks much better. However, you still don\u2019t have the unit prefixing like before. For that, you can include a user-defined function<\/a> that can be used in the expression elsewhere.<\/p>\n"},{"acf_fc_layout":"sidebar","content":"","image_reference":false,"layout":"code_snippet","image_reference_figure":"","snippet":"function unitPrefix(num, pattern) {\r\n if (IsEmpty(pattern)) { pattern = '#,###.0'; }\r\n var formattedValue = When(\r\n Abs(num) > Pow(10, 24), Text(num\/Pow(10, 24), pattern) + 'Y',\r\n Abs(num) > Pow(10, 21), Text(num\/Pow(10, 21), pattern) + 'Z',\r\n Abs(num) > Pow(10, 18), Text(num\/Pow(10, 18), pattern) + 'E',\r\n Abs(num) > Pow(10, 15), Text(num\/Pow(10, 15), pattern) + 'P',\r\n Abs(num) > Pow(10, 12), Text(num\/Pow(10, 12), pattern) + 'T',\r\n Abs(num) > Pow(10, 9), Text(num\/Pow(10, 9), pattern) + 'B',\r\n Abs(num) > Pow(10, 6), Text(num\/Pow(10, 6), pattern) + 'M',\r\n Abs(num) > Pow(10, 3), Text(num\/Pow(10, 3), pattern) + 'k',\r\n Text(num, pattern)\r\n );\r\n return formattedValue;\r\n}","spotlight_name":"","section_title":"","position":"Center","spotlight_image":false},{"acf_fc_layout":"content","content":"

Copy and paste this function in the top part of your expression. Where needed, call it using the function name and pass in your number and the pattern desired. The following line calls this function and is returned a nicely formatted value (string) with a unit prefix.<\/p>\n

unitPrefix(5209.11294003, '#.#'); \/\/ returns '5.2k'<\/code><\/p>\n

The image below displays how it can be used in the indicator element.<\/p>\n"},{"acf_fc_layout":"image","image":{"ID":797731,"id":797731,"title":"Unit Prefixing - Function in Expression","filename":"Unit-Prefixing-Function-in-Expression.png","filesize":61066,"url":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2020\/04\/Unit-Prefixing-Function-in-Expression.png","link":"https:\/\/www.esri.com\/arcgis-blog\/products\/ops-dashboard\/real-time\/getting-started-with-arcade-in-arcgis-dashboards\/unit-prefixing-function-in-expression","alt":"Function in Expression","author":"8482","description":"","caption":"","name":"unit-prefixing-function-in-expression","status":"inherit","uploaded_to":797531,"date":"2020-04-04 09:00:09","modified":"2020-04-04 09:00:19","menu_order":0,"mime_type":"image\/png","type":"image","subtype":"png","icon":"https:\/\/www.esri.com\/arcgis-blog\/wp-includes\/images\/media\/default.png","width":1200,"height":750,"sizes":{"thumbnail":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2020\/04\/Unit-Prefixing-Function-in-Expression-213x200.png","thumbnail-width":213,"thumbnail-height":200,"medium":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2020\/04\/Unit-Prefixing-Function-in-Expression.png","medium-width":418,"medium-height":261,"medium_large":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2020\/04\/Unit-Prefixing-Function-in-Expression.png","medium_large-width":768,"medium_large-height":480,"large":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2020\/04\/Unit-Prefixing-Function-in-Expression.png","large-width":1200,"large-height":750,"1536x1536":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2020\/04\/Unit-Prefixing-Function-in-Expression.png","1536x1536-width":1200,"1536x1536-height":750,"2048x2048":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2020\/04\/Unit-Prefixing-Function-in-Expression.png","2048x2048-width":1200,"2048x2048-height":750,"card_image":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2020\/04\/Unit-Prefixing-Function-in-Expression-744x465.png","card_image-width":744,"card_image-height":465,"wide_image":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2020\/04\/Unit-Prefixing-Function-in-Expression.png","wide_image-width":1200,"wide_image-height":750}},"image_position":"center","orientation":"horizontal","hyperlink":""},{"acf_fc_layout":"content","content":"

Now, you can leverage the powers of Arcade and still format your numbers with unit prefixes.<\/p>\n"},{"acf_fc_layout":"content","content":"

Summary<\/h1>\n

The goal of a dashboard is to provide information about your data in a quick and easy-to-interpret way. To achieve this, sometimes you need to display attributes in a particular way or visually alert people to a situation through colors and icons. With ArcGIS Dashboards, Arcade can be leveraged to do this for pop-ups, details elements, indicator elements, and list elements.<\/p>\n

We on the dashboard team are excited to see the creative ways you put Arcade to use in your dashboards. If able to, please share them with us on Twitter<\/a> and LinkedIn<\/a> using #ArcGISDashboards<\/code>.<\/p>\n

Join the\u00a0ArcGIS Dashboards Esri Community<\/a>\u00a0for discussions, updates, and blogs.<\/p>\n"}],"authors":[{"ID":8482,"user_firstname":"David","user_lastname":"Nyenhuis","nickname":"Dave Nyenhuis","user_nicename":"dnyenhuis","display_name":"David Nyenhuis","user_email":"DNyenhuis@esri.com","user_url":"","user_registered":"2018-10-26 13:47:59","user_description":"David Nyenhuis is a senior product engineer on the ArcGIS Dashboards team, driven by a simple idea: the best data experiences speak instantly. He specializes in distilling complexity into clear visual signals\u2014whether through maps, bold metrics, charts, or gauges\u2014so insights surface without effort. His work is guided by a passion for helping users build dashboards that stay current, invite exploration, and feel as refined as they are effective.","user_avatar":""}],"related_articles":[{"ID":960741,"post_author":"8482","post_date":"2022-03-02 08:44:14","post_date_gmt":"2022-03-02 16:44:14","post_content":"","post_title":"Pushing the limits of Arcade in dashboards","post_excerpt":"","post_status":"publish","comment_status":"open","ping_status":"closed","post_password":"","post_name":"pushing-the-limits-of-arcade-in-dashboards","to_ping":"","pinged":"","post_modified":"2024-11-01 00:01:18","post_modified_gmt":"2024-11-01 07:01:18","post_content_filtered":"","post_parent":0,"guid":"https:\/\/www.esri.com\/arcgis-blog\/?post_type=blog&p=960741","menu_order":0,"post_type":"blog","post_mime_type":"","comment_count":"8","filter":"raw"},{"ID":1500942,"post_author":"8482","post_date":"2022-03-07 11:30:58","post_date_gmt":"2022-03-07 19:30:58","post_content":"","post_title":"Arcade tips for tables in ArcGIS Dashboards","post_excerpt":"","post_status":"publish","comment_status":"open","ping_status":"closed","post_password":"","post_name":"arcade-tips-for-tables-in-arcgis-dashboards","to_ping":"","pinged":"","post_modified":"2024-11-01 00:00:25","post_modified_gmt":"2024-11-01 07:00:25","post_content_filtered":"","post_parent":0,"guid":"https:\/\/www.esri.com\/arcgis-blog\/?post_type=blog&p=1500942","menu_order":0,"post_type":"blog","post_mime_type":"","comment_count":"4","filter":"raw"},{"ID":689442,"post_author":"10072","post_date":"2019-12-30 06:47:51","post_date_gmt":"2019-12-30 14:47:51","post_content":"","post_title":"Choosing the right colors for your dashboard","post_excerpt":"","post_status":"publish","comment_status":"open","ping_status":"closed","post_password":"","post_name":"choosing-the-right-colors-for-your-dashboard","to_ping":"","pinged":"","post_modified":"2024-07-25 12:14:25","post_modified_gmt":"2024-07-25 19:14:25","post_content_filtered":"","post_parent":0,"guid":"https:\/\/www.esri.com\/arcgis-blog\/?post_type=blog&p=689442","menu_order":0,"post_type":"blog","post_mime_type":"","comment_count":"0","filter":"raw"},{"ID":785361,"post_author":"7641","post_date":"2025-08-22 11:18:53","post_date_gmt":"2025-08-22 18:18:53","post_content":"","post_title":"Create your first dashboard using ArcGIS Dashboards","post_excerpt":"","post_status":"publish","comment_status":"closed","ping_status":"closed","post_password":"","post_name":"create-first-arcgis-dashboards","to_ping":"","pinged":"","post_modified":"2025-08-22 17:15:02","post_modified_gmt":"2025-08-23 00:15:02","post_content_filtered":"","post_parent":0,"guid":"https:\/\/www.esri.com\/arcgis-blog\/?post_type=blog&p=785361","menu_order":0,"post_type":"blog","post_mime_type":"","comment_count":"0","filter":"raw"},{"ID":613202,"post_author":"8482","post_date":"2021-11-26 14:48:41","post_date_gmt":"2021-11-26 22:48:41","post_content":"","post_title":"Visualizing data effectively on dashboards","post_excerpt":"","post_status":"publish","comment_status":"closed","ping_status":"closed","post_password":"","post_name":"visualizing-data-effectively-on-dashboards","to_ping":"","pinged":"","post_modified":"2022-03-04 17:34:42","post_modified_gmt":"2022-03-05 01:34:42","post_content_filtered":"","post_parent":0,"guid":"https:\/\/www.esri.com\/arcgis-blog\/?post_type=blog&p=613202","menu_order":0,"post_type":"blog","post_mime_type":"","comment_count":"0","filter":"raw"}],"card_image":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2020\/04\/Card_Expression_for_List_826x465-v2.png","wide_image":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2022\/02\/Banner_List_with_Arcade_Expression_1920x1080-v2.png"},"yoast_head":"\nGetting started with advanced formatting using Arcade in Dashboards<\/title>\n<meta name=\"description\" content=\"Learn the basics of using Arcade in dashboards to calculate values and apply conditional formatting to your visualizations\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/www.esri.com\/arcgis-blog\/products\/ops-dashboard\/real-time\/getting-started-with-arcade-in-arcgis-dashboards\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Getting started with advanced formatting using Arcade in Dashboards\" \/>\n<meta property=\"og:description\" content=\"Learn the basics of using Arcade in dashboards to calculate values and apply conditional formatting to your visualizations\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www.esri.com\/arcgis-blog\/products\/ops-dashboard\/real-time\/getting-started-with-arcade-in-arcgis-dashboards\" \/>\n<meta property=\"og:site_name\" content=\"ArcGIS Blog\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/esrigis\/\" \/>\n<meta property=\"article:modified_time\" content=\"2024-11-01T07:01:30+00:00\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:site\" content=\"@ESRI\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":[\"Article\",\"BlogPosting\"],\"@id\":\"https:\/\/www.esri.com\/arcgis-blog\/products\/ops-dashboard\/real-time\/getting-started-with-arcade-in-arcgis-dashboards#article\",\"isPartOf\":{\"@id\":\"https:\/\/www.esri.com\/arcgis-blog\/products\/ops-dashboard\/real-time\/getting-started-with-arcade-in-arcgis-dashboards\"},\"author\":{\"name\":\"David Nyenhuis\",\"@id\":\"https:\/\/www.esri.com\/arcgis-blog\/#\/schema\/person\/6f1874d9ef8a275885ea38d2d1287355\"},\"headline\":\"Getting started with advanced formatting using Arcade in Dashboards\",\"datePublished\":\"2022-02-27T18:00:48+00:00\",\"dateModified\":\"2024-11-01T07:01:30+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\/\/www.esri.com\/arcgis-blog\/products\/ops-dashboard\/real-time\/getting-started-with-arcade-in-arcgis-dashboards\"},\"wordCount\":9,\"commentCount\":0,\"publisher\":{\"@id\":\"https:\/\/www.esri.com\/arcgis-blog\/#organization\"},\"keywords\":[\"arcade\",\"ArcGIS\",\"Dashboard\",\"Expression\",\"number format\"],\"articleSection\":[\"Arcade\",\"Data Management\",\"Decision Support\",\"Real-Time Visualization & Analytics\"],\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"https:\/\/www.esri.com\/arcgis-blog\/products\/ops-dashboard\/real-time\/getting-started-with-arcade-in-arcgis-dashboards#respond\"]}]},{\"@type\":\"WebPage\",\"@id\":\"https:\/\/www.esri.com\/arcgis-blog\/products\/ops-dashboard\/real-time\/getting-started-with-arcade-in-arcgis-dashboards\",\"url\":\"https:\/\/www.esri.com\/arcgis-blog\/products\/ops-dashboard\/real-time\/getting-started-with-arcade-in-arcgis-dashboards\",\"name\":\"Getting started with advanced formatting using Arcade in Dashboards\",\"isPartOf\":{\"@id\":\"https:\/\/www.esri.com\/arcgis-blog\/#website\"},\"datePublished\":\"2022-02-27T18:00:48+00:00\",\"dateModified\":\"2024-11-01T07:01:30+00:00\",\"description\":\"Learn the basics of using Arcade in dashboards to calculate values and apply conditional formatting to your visualizations\",\"breadcrumb\":{\"@id\":\"https:\/\/www.esri.com\/arcgis-blog\/products\/ops-dashboard\/real-time\/getting-started-with-arcade-in-arcgis-dashboards#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/www.esri.com\/arcgis-blog\/products\/ops-dashboard\/real-time\/getting-started-with-arcade-in-arcgis-dashboards\"]}]},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/www.esri.com\/arcgis-blog\/products\/ops-dashboard\/real-time\/getting-started-with-arcade-in-arcgis-dashboards#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/www.esri.com\/arcgis-blog\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Getting started with advanced formatting using Arcade in Dashboards\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/www.esri.com\/arcgis-blog\/#website\",\"url\":\"https:\/\/www.esri.com\/arcgis-blog\/\",\"name\":\"ArcGIS Blog\",\"description\":\"Get insider info from Esri product teams\",\"publisher\":{\"@id\":\"https:\/\/www.esri.com\/arcgis-blog\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/www.esri.com\/arcgis-blog\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"},{\"@type\":\"Organization\",\"@id\":\"https:\/\/www.esri.com\/arcgis-blog\/#organization\",\"name\":\"Esri\",\"url\":\"https:\/\/www.esri.com\/arcgis-blog\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/www.esri.com\/arcgis-blog\/#\/schema\/logo\/image\/\",\"url\":\"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2018\/04\/Esri.png\",\"contentUrl\":\"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2018\/04\/Esri.png\",\"width\":400,\"height\":400,\"caption\":\"Esri\"},\"image\":{\"@id\":\"https:\/\/www.esri.com\/arcgis-blog\/#\/schema\/logo\/image\/\"},\"sameAs\":[\"https:\/\/www.facebook.com\/esrigis\/\",\"https:\/\/x.com\/ESRI\",\"https:\/\/www.linkedin.com\/company\/5311\/\"]},{\"@type\":\"Person\",\"@id\":\"https:\/\/www.esri.com\/arcgis-blog\/#\/schema\/person\/6f1874d9ef8a275885ea38d2d1287355\",\"name\":\"David Nyenhuis\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/www.esri.com\/arcgis-blog\/#\/schema\/person\/image\/\",\"url\":\"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2026\/03\/Profile-Picture-467x465.jpg\",\"contentUrl\":\"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2026\/03\/Profile-Picture-467x465.jpg\",\"caption\":\"David Nyenhuis\"},\"description\":\"David Nyenhuis is a senior product engineer on the ArcGIS Dashboards team, driven by a simple idea: the best data experiences speak instantly. He specializes in distilling complexity into clear visual signals\u2014whether through maps, bold metrics, charts, or gauges\u2014so insights surface without effort. His work is guided by a passion for helping users build dashboards that stay current, invite exploration, and feel as refined as they are effective.\",\"sameAs\":[\"https:\/\/www.linkedin.com\/in\/david-nyenhuis-8652741b\",\"https:\/\/x.com\/d9huis\"],\"url\":\"https:\/\/www.esri.com\/arcgis-blog\/author\/dnyenhuis\"}]}<\/script>\n<!-- \/ Yoast SEO Premium plugin. -->","yoast_head_json":{"title":"Getting started with advanced formatting using Arcade in Dashboards","description":"Learn the basics of using Arcade in dashboards to calculate values and apply conditional formatting to your visualizations","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/www.esri.com\/arcgis-blog\/products\/ops-dashboard\/real-time\/getting-started-with-arcade-in-arcgis-dashboards","og_locale":"en_US","og_type":"article","og_title":"Getting started with advanced formatting using Arcade in Dashboards","og_description":"Learn the basics of using Arcade in dashboards to calculate values and apply conditional formatting to your visualizations","og_url":"https:\/\/www.esri.com\/arcgis-blog\/products\/ops-dashboard\/real-time\/getting-started-with-arcade-in-arcgis-dashboards","og_site_name":"ArcGIS Blog","article_publisher":"https:\/\/www.facebook.com\/esrigis\/","article_modified_time":"2024-11-01T07:01:30+00:00","twitter_card":"summary_large_image","twitter_site":"@ESRI","schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":["Article","BlogPosting"],"@id":"https:\/\/www.esri.com\/arcgis-blog\/products\/ops-dashboard\/real-time\/getting-started-with-arcade-in-arcgis-dashboards#article","isPartOf":{"@id":"https:\/\/www.esri.com\/arcgis-blog\/products\/ops-dashboard\/real-time\/getting-started-with-arcade-in-arcgis-dashboards"},"author":{"name":"David Nyenhuis","@id":"https:\/\/www.esri.com\/arcgis-blog\/#\/schema\/person\/6f1874d9ef8a275885ea38d2d1287355"},"headline":"Getting started with advanced formatting using Arcade in Dashboards","datePublished":"2022-02-27T18:00:48+00:00","dateModified":"2024-11-01T07:01:30+00:00","mainEntityOfPage":{"@id":"https:\/\/www.esri.com\/arcgis-blog\/products\/ops-dashboard\/real-time\/getting-started-with-arcade-in-arcgis-dashboards"},"wordCount":9,"commentCount":0,"publisher":{"@id":"https:\/\/www.esri.com\/arcgis-blog\/#organization"},"keywords":["arcade","ArcGIS","Dashboard","Expression","number format"],"articleSection":["Arcade","Data Management","Decision Support","Real-Time Visualization & Analytics"],"inLanguage":"en-US","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/www.esri.com\/arcgis-blog\/products\/ops-dashboard\/real-time\/getting-started-with-arcade-in-arcgis-dashboards#respond"]}]},{"@type":"WebPage","@id":"https:\/\/www.esri.com\/arcgis-blog\/products\/ops-dashboard\/real-time\/getting-started-with-arcade-in-arcgis-dashboards","url":"https:\/\/www.esri.com\/arcgis-blog\/products\/ops-dashboard\/real-time\/getting-started-with-arcade-in-arcgis-dashboards","name":"Getting started with advanced formatting using Arcade in Dashboards","isPartOf":{"@id":"https:\/\/www.esri.com\/arcgis-blog\/#website"},"datePublished":"2022-02-27T18:00:48+00:00","dateModified":"2024-11-01T07:01:30+00:00","description":"Learn the basics of using Arcade in dashboards to calculate values and apply conditional formatting to your visualizations","breadcrumb":{"@id":"https:\/\/www.esri.com\/arcgis-blog\/products\/ops-dashboard\/real-time\/getting-started-with-arcade-in-arcgis-dashboards#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.esri.com\/arcgis-blog\/products\/ops-dashboard\/real-time\/getting-started-with-arcade-in-arcgis-dashboards"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/www.esri.com\/arcgis-blog\/products\/ops-dashboard\/real-time\/getting-started-with-arcade-in-arcgis-dashboards#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/www.esri.com\/arcgis-blog\/"},{"@type":"ListItem","position":2,"name":"Getting started with advanced formatting using Arcade in Dashboards"}]},{"@type":"WebSite","@id":"https:\/\/www.esri.com\/arcgis-blog\/#website","url":"https:\/\/www.esri.com\/arcgis-blog\/","name":"ArcGIS Blog","description":"Get insider info from Esri product teams","publisher":{"@id":"https:\/\/www.esri.com\/arcgis-blog\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/www.esri.com\/arcgis-blog\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":"Organization","@id":"https:\/\/www.esri.com\/arcgis-blog\/#organization","name":"Esri","url":"https:\/\/www.esri.com\/arcgis-blog\/","logo":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/www.esri.com\/arcgis-blog\/#\/schema\/logo\/image\/","url":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2018\/04\/Esri.png","contentUrl":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2018\/04\/Esri.png","width":400,"height":400,"caption":"Esri"},"image":{"@id":"https:\/\/www.esri.com\/arcgis-blog\/#\/schema\/logo\/image\/"},"sameAs":["https:\/\/www.facebook.com\/esrigis\/","https:\/\/x.com\/ESRI","https:\/\/www.linkedin.com\/company\/5311\/"]},{"@type":"Person","@id":"https:\/\/www.esri.com\/arcgis-blog\/#\/schema\/person\/6f1874d9ef8a275885ea38d2d1287355","name":"David Nyenhuis","image":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/www.esri.com\/arcgis-blog\/#\/schema\/person\/image\/","url":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2026\/03\/Profile-Picture-467x465.jpg","contentUrl":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2026\/03\/Profile-Picture-467x465.jpg","caption":"David Nyenhuis"},"description":"David Nyenhuis is a senior product engineer on the ArcGIS Dashboards team, driven by a simple idea: the best data experiences speak instantly. He specializes in distilling complexity into clear visual signals\u2014whether through maps, bold metrics, charts, or gauges\u2014so insights surface without effort. His work is guided by a passion for helping users build dashboards that stay current, invite exploration, and feel as refined as they are effective.","sameAs":["https:\/\/www.linkedin.com\/in\/david-nyenhuis-8652741b","https:\/\/x.com\/d9huis"],"url":"https:\/\/www.esri.com\/arcgis-blog\/author\/dnyenhuis"}]}},"text_date":"February 27, 2022","author_name":"David Nyenhuis","author_page":"https:\/\/www.esri.com\/arcgis-blog\/author\/dnyenhuis","custom_image":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2022\/02\/Banner_List_with_Arcade_Expression_1920x1080-v2.png","primary_product":"ArcGIS Dashboards","tag_data":[{"term_id":32551,"name":"arcade","slug":"arcade","term_group":0,"term_taxonomy_id":32551,"taxonomy":"post_tag","description":"","parent":0,"count":113,"filter":"raw"},{"term_id":25891,"name":"ArcGIS","slug":"arcgis","term_group":0,"term_taxonomy_id":25891,"taxonomy":"post_tag","description":"","parent":0,"count":209,"filter":"raw"},{"term_id":147192,"name":"Dashboard","slug":"dashboard","term_group":0,"term_taxonomy_id":147192,"taxonomy":"post_tag","description":"","parent":0,"count":22,"filter":"raw"},{"term_id":611331,"name":"Expression","slug":"expression","term_group":0,"term_taxonomy_id":611331,"taxonomy":"post_tag","description":"","parent":0,"count":4,"filter":"raw"},{"term_id":212882,"name":"number format","slug":"number-format","term_group":0,"term_taxonomy_id":212882,"taxonomy":"post_tag","description":"","parent":0,"count":2,"filter":"raw"}],"category_data":[{"term_id":777102,"name":"Arcade","slug":"arcade","term_group":0,"term_taxonomy_id":777102,"taxonomy":"category","description":"","parent":0,"count":98,"filter":"raw"},{"term_id":23851,"name":"Data Management","slug":"data-management","term_group":0,"term_taxonomy_id":23851,"taxonomy":"category","description":"","parent":0,"count":920,"filter":"raw"},{"term_id":37141,"name":"Decision Support","slug":"decision-support","term_group":0,"term_taxonomy_id":37141,"taxonomy":"category","description":"","parent":0,"count":184,"filter":"raw"},{"term_id":37121,"name":"Real-Time Visualization & Analytics","slug":"real-time","term_group":0,"term_taxonomy_id":37121,"taxonomy":"category","description":"","parent":0,"count":166,"filter":"raw"}],"product_data":[{"term_id":36671,"name":"ArcGIS Dashboards","slug":"ops-dashboard","term_group":0,"term_taxonomy_id":36671,"taxonomy":"product","description":"","parent":36591,"count":196,"filter":"raw"}],"primary_product_link":"https:\/\/www.esri.com\/arcgis-blog\/?s=#&products=ops-dashboard","_links":{"self":[{"href":"https:\/\/www.esri.com\/arcgis-blog\/wp-json\/wp\/v2\/blog\/797531","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.esri.com\/arcgis-blog\/wp-json\/wp\/v2\/blog"}],"about":[{"href":"https:\/\/www.esri.com\/arcgis-blog\/wp-json\/wp\/v2\/types\/blog"}],"author":[{"embeddable":true,"href":"https:\/\/www.esri.com\/arcgis-blog\/wp-json\/wp\/v2\/users\/8482"}],"replies":[{"embeddable":true,"href":"https:\/\/www.esri.com\/arcgis-blog\/wp-json\/wp\/v2\/comments?post=797531"}],"version-history":[{"count":0,"href":"https:\/\/www.esri.com\/arcgis-blog\/wp-json\/wp\/v2\/blog\/797531\/revisions"}],"wp:attachment":[{"href":"https:\/\/www.esri.com\/arcgis-blog\/wp-json\/wp\/v2\/media?parent=797531"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.esri.com\/arcgis-blog\/wp-json\/wp\/v2\/categories?post=797531"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.esri.com\/arcgis-blog\/wp-json\/wp\/v2\/tags?post=797531"},{"taxonomy":"industry","embeddable":true,"href":"https:\/\/www.esri.com\/arcgis-blog\/wp-json\/wp\/v2\/industry?post=797531"},{"taxonomy":"product","embeddable":true,"href":"https:\/\/www.esri.com\/arcgis-blog\/wp-json\/wp\/v2\/product?post=797531"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}