{"id":328872,"date":"2018-10-10T08:00:48","date_gmt":"2018-10-10T15:00:48","guid":{"rendered":"http:\/\/www.esri.com\/arcgis-blog\/?post_type=blog&p=328872"},"modified":"2024-11-11T12:36:51","modified_gmt":"2024-11-11T20:36:51","slug":"smart-mapping-with-arcade-visualizing-predominance","status":"publish","type":"blog","link":"https:\/\/www.esri.com\/arcgis-blog\/products\/js-api-arcgis\/mapping\/smart-mapping-with-arcade-visualizing-predominance","title":{"rendered":"Smart Mapping with Arcade: Visualizing predominance"},"author":6561,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","format":"standard","meta":{"_acf_changed":false,"_searchwp_excluded":""},"categories":[777102,22941],"tags":[32521,30111,27491,33531,24581],"industry":[],"product":[36831,36601],"class_list":["post-328872","blog","type-blog","status-publish","format-standard","hentry","category-arcade","category-mapping","tag-arcade-expressions","tag-data-visualization","tag-jsapi4","tag-predominance","tag-smart-mapping","product-js-api-arcgis","product-developers"],"acf":{"short_description":"Generate a predominance visualization in a web app using Smart Mapping in the ArcGIS API for JavaScript","flexible_content":[{"acf_fc_layout":"content","content":"

Shortly after Arcade<\/a> was first released as an expression language<\/a> for the ArcGIS platform, I wrote about how you can write Arcade expressions for creating predominance visualizations<\/a> in web apps using the ArcGIS API for JavaScript<\/a> (JS API). As of version 4.9<\/a> of the JS API, we made it easier for you to create predominance visualizations<\/a> with the new predominance Smart Mapping module<\/a>.<\/p>\n

As stated in my earlier post<\/a>, <\/p>\n"},{"acf_fc_layout":"blockquote","content":"

Visualizing predominance involves coloring a layer\u2019s features based on which attribute among a set of competing numeric attributes wins or beats the others in total count. Common applications of this include visualizing election results, survey results, and demographic majorities. <\/p>\n"},{"acf_fc_layout":"content","content":"

Curious cartographic minds have created predominance maps for a number of cases including the following:<\/p>\n"},{"acf_fc_layout":"gallery","gallery_images":false},{"acf_fc_layout":"content","content":"

Create a predominance visualization with Smart Mapping<\/h2>\n

Thanks to the createRenderer<\/a> method in the predominance module, you no longer have to construct an Arcade expression<\/a> on your own to create these awesome visualizations. You can let the JS API do it for you.<\/p>\n

In the following example<\/a>, I visualize block groups in Boise, Idaho based on the most common decade in which homes (single-family housing units) were constructed. The feature service contains attributes tallying the number of homes located within each block group for each decade.<\/p>\n"},{"acf_fc_layout":"image","image":{"ID":329042,"id":329042,"title":"sm-predominance-field-list","filename":"sm-predominance-field-list.png","filesize":81837,"url":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2018\/10\/sm-predominance-field-list.png","link":"https:\/\/www.esri.com\/arcgis-blog\/products\/js-api-arcgis\/mapping\/smart-mapping-with-arcade-visualizing-predominance\/sm-predominance-field-list","alt":"","author":"6561","description":"","caption":"When multiple competing numeric fields exist in a layer, you can use predominance to visualize which field has the highest count.","name":"sm-predominance-field-list","status":"inherit","uploaded_to":328872,"date":"2018-09-26 21:41:12","modified":"2018-09-26 21:41:54","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":611,"height":203,"sizes":{"thumbnail":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2018\/10\/sm-predominance-field-list.png","thumbnail-width":213,"thumbnail-height":71,"medium":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2018\/10\/sm-predominance-field-list.png","medium-width":464,"medium-height":154,"medium_large":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2018\/10\/sm-predominance-field-list.png","medium_large-width":611,"medium_large-height":203,"large":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2018\/10\/sm-predominance-field-list.png","large-width":611,"large-height":203,"1536x1536":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2018\/10\/sm-predominance-field-list.png","1536x1536-width":611,"1536x1536-height":203,"2048x2048":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2018\/10\/sm-predominance-field-list.png","2048x2048-width":611,"2048x2048-height":203,"card_image":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2018\/10\/sm-predominance-field-list.png","card_image-width":611,"card_image-height":203,"wide_image":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2018\/10\/sm-predominance-field-list.png","wide_image-width":611,"wide_image-height":203}},"image_position":"center","orientation":"horizontal","hyperlink":"https:\/\/services.arcgis.com\/V6ZHFr6zdgNZuVG0\/ArcGIS\/rest\/services\/Boise_housing\/FeatureServer\/0"},{"acf_fc_layout":"content","content":"

These fields compete<\/em> with one another because a home cannot be built in more than one decade. Therefore, we can use predominance to visualize these features by the predominant decade in which homes were built within each block group.<\/p>\n

All we have to do is provide the list of fields to the parameters of the createRenderer<\/code> method, along with the layer instance, the view, and a basemap. Once the renderer is generated, you can set it on the input layer and it will automatically render in the view.<\/p>\n

\r\nconst<\/span> fields = [{\r\n  name: \"ACSBLT1939\"<\/span>,\r\n  label: \"Before 1940\"<\/span>\r\n}, {\r\n  name: \"ACSBLT1940\"<\/span>,\r\n  label: \"1940s\"<\/span>\r\n}, {\r\n  name: \"ACSBLT1950\"<\/span>,\r\n  label: \"1950s\"<\/span>\r\n}\r\n  \/\/ continue with other competing fields<\/span>\r\n  \/\/ for the 1960s, 70s, 80s, 90s, etc.<\/span>\r\n];\r\n\r\nconst<\/span> params = {\r\n  view,\r\n  layer,\r\n  fields,\r\n  basemap: map.basemap,\r\n  legendOptions: {\r\n    title: \"Most common decade in which homes were built\"<\/span>\r\n  }\r\n};\r\n\r\nconst<\/span> predominanceResponse = await<\/span> predominanceRendererCreator.createRenderer(params);\r\nlayer.renderer = predominanceResponse.renderer;\r\n<\/code><\/pre>\n"},{"acf_fc_layout":"storymap","title":"","description":"","static":false,"storymap_url":"https:\/\/ekenes.github.io\/esri-ts-samples\/visualization\/smart-mapping\/predominance\/basic\/<\/a>"},{"acf_fc_layout":"content","content":"
The createRenderer<\/code> method also has parameters for including a size visual variable<\/a> and\/or an opacity visual variable<\/a>. When set to true<\/code>, these options provide additional context to the predominance visualization. <\/p>\n
Opacity<\/strong> is used to visualize the strength of the predominant feature. The more predominant the feature (or the greater the margin of victory), the more opaque it will render. The slimmer the margin of victory, the feature will render with more transparency, indicating that while the predominant field wins, it doesn\u2019t completely dominate the other competing fields.<\/p>\n"},{"acf_fc_layout":"image","image":{"ID":329082,"id":329082,"title":"predominance-opacity","filename":"predominance-opacity.png","filesize":46574,"url":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2018\/10\/predominance-opacity.png","link":"https:\/\/www.esri.com\/arcgis-blog\/products\/js-api-arcgis\/mapping\/smart-mapping-with-arcade-visualizing-predominance\/predominance-opacity","alt":"","author":"6561","description":"","caption":"","name":"predominance-opacity","status":"inherit","uploaded_to":328872,"date":"2018-09-26 21:48:28","modified":"2018-09-26 21:48: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":650,"height":361,"sizes":{"thumbnail":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2018\/10\/predominance-opacity.png","thumbnail-width":213,"thumbnail-height":118,"medium":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2018\/10\/predominance-opacity.png","medium-width":464,"medium-height":258,"medium_large":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2018\/10\/predominance-opacity.png","medium_large-width":650,"medium_large-height":361,"large":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2018\/10\/predominance-opacity.png","large-width":650,"large-height":361,"1536x1536":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2018\/10\/predominance-opacity.png","1536x1536-width":650,"1536x1536-height":361,"2048x2048":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2018\/10\/predominance-opacity.png","2048x2048-width":650,"2048x2048-height":361,"card_image":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2018\/10\/predominance-opacity.png","card_image-width":650,"card_image-height":361,"wide_image":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2018\/10\/predominance-opacity.png","wide_image-width":650,"wide_image-height":361}},"image_position":"center","orientation":"horizontal","hyperlink":""},{"acf_fc_layout":"content","content":"
Size<\/strong> is used to visualize the total sum of the competing categories. This provides context to how the feature compares to the dataset as a whole. For example, in an election map, if a candidate wins a particular geographic area in a landslide, the opacity will show the strength of the win. But the size will indicate how much that win matters compared to other features. See the image below. While individual counties in the midwest voted overwhelmingly for the Republican candidate, each feature individually doesn\u2019t account for many votes compared to areas with much higher populations.<\/p>\n"},{"acf_fc_layout":"image","image":{"ID":329092,"id":329092,"title":"predominance-example-election-size","filename":"predominance-example-election-size-1.png","filesize":85908,"url":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2018\/10\/predominance-example-election-size-1.png","link":"https:\/\/www.esri.com\/arcgis-blog\/products\/js-api-arcgis\/mapping\/smart-mapping-with-arcade-visualizing-predominance\/predominance-example-election-size-2","alt":"","author":"6561","description":"","caption":"","name":"predominance-example-election-size-2","status":"inherit","uploaded_to":328872,"date":"2018-09-26 21:49:22","modified":"2018-09-26 21:49:22","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":900,"height":424,"sizes":{"thumbnail":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2018\/10\/predominance-example-election-size-1.png","thumbnail-width":213,"thumbnail-height":100,"medium":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2018\/10\/predominance-example-election-size-1.png","medium-width":464,"medium-height":219,"medium_large":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2018\/10\/predominance-example-election-size-1.png","medium_large-width":768,"medium_large-height":362,"large":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2018\/10\/predominance-example-election-size-1.png","large-width":900,"large-height":424,"1536x1536":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2018\/10\/predominance-example-election-size-1.png","1536x1536-width":900,"1536x1536-height":424,"2048x2048":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2018\/10\/predominance-example-election-size-1.png","2048x2048-width":900,"2048x2048-height":424,"card_image":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2018\/10\/predominance-example-election-size-1.png","card_image-width":826,"card_image-height":389,"wide_image":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2018\/10\/predominance-example-election-size-1.png","wide_image-width":900,"wide_image-height":424}},"image_position":"center","orientation":"horizontal","hyperlink":"https:\/\/ekenes.github.io\/conferences\/ds-2018\/2d-viz\/demos\/multivariate-election\/"},{"acf_fc_layout":"content","content":"
In our housing app, we can use size to see where more homes are built in the Boise area. In the image below, it is clear there are areas where homes built before 1940 outnumber homes built in any other decade. But the total number of these homes is small compared to other block groups where homes built after 2000 far outnumber homes built in other decades. It is clear that more homes are built in recent years than in previous decades.<\/p>\n"},{"acf_fc_layout":"image","image":{"ID":329482,"id":329482,"title":"predominance-size","filename":"predominance-size-1.png","filesize":60695,"url":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2018\/10\/predominance-size-1.png","link":"https:\/\/www.esri.com\/arcgis-blog\/products\/js-api-arcgis\/mapping\/smart-mapping-with-arcade-visualizing-predominance\/predominance-size-2","alt":"","author":"6561","description":"","caption":"","name":"predominance-size-2","status":"inherit","uploaded_to":328872,"date":"2018-09-26 23:55:43","modified":"2018-09-26 23:55:43","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":650,"height":375,"sizes":{"thumbnail":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2018\/10\/predominance-size-1.png","thumbnail-width":213,"thumbnail-height":123,"medium":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2018\/10\/predominance-size-1.png","medium-width":452,"medium-height":261,"medium_large":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2018\/10\/predominance-size-1.png","medium_large-width":650,"medium_large-height":375,"large":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2018\/10\/predominance-size-1.png","large-width":650,"large-height":375,"1536x1536":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2018\/10\/predominance-size-1.png","1536x1536-width":650,"1536x1536-height":375,"2048x2048":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2018\/10\/predominance-size-1.png","2048x2048-width":650,"2048x2048-height":375,"card_image":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2018\/10\/predominance-size-1.png","card_image-width":650,"card_image-height":375,"wide_image":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2018\/10\/predominance-size-1.png","wide_image-width":650,"wide_image-height":375}},"image_position":"center","orientation":"horizontal","hyperlink":""},{"acf_fc_layout":"content","content":"
Create a data exploration app<\/h2>\n
We can turn the housing visualization into a more interactive data exploration visualization<\/a> by allowing the user to specify which fields will be used in the predominance calculation. This allows you to compare various decades for housing booms or even see the movement of housing growth from inner cities to suburbs over time. Click the image below to view the app.<\/p>\n"},{"acf_fc_layout":"image","image":{"ID":329142,"id":329142,"title":"predominance-gif","filename":"predominance-gif.gif","filesize":450177,"url":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2018\/10\/predominance-gif.gif","link":"https:\/\/www.esri.com\/arcgis-blog\/products\/js-api-arcgis\/mapping\/smart-mapping-with-arcade-visualizing-predominance\/predominance-gif","alt":"","author":"6561","description":"","caption":"The createRenderer method on the predominance module allows you to create apps for exploring data.","name":"predominance-gif","status":"inherit","uploaded_to":328872,"date":"2018-09-26 21:57:42","modified":"2018-09-26 21:58:57","menu_order":0,"mime_type":"image\/gif","type":"image","subtype":"gif","icon":"https:\/\/www.esri.com\/arcgis-blog\/wp-includes\/images\/media\/default.png","width":640,"height":356,"sizes":{"thumbnail":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2018\/10\/predominance-gif.gif","thumbnail-width":213,"thumbnail-height":118,"medium":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2018\/10\/predominance-gif.gif","medium-width":464,"medium-height":258,"medium_large":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2018\/10\/predominance-gif.gif","medium_large-width":640,"medium_large-height":356,"large":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2018\/10\/predominance-gif.gif","large-width":640,"large-height":356,"1536x1536":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2018\/10\/predominance-gif.gif","1536x1536-width":640,"1536x1536-height":356,"2048x2048":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2018\/10\/predominance-gif.gif","2048x2048-width":640,"2048x2048-height":356,"card_image":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2018\/10\/predominance-gif.gif","card_image-width":640,"card_image-height":356,"wide_image":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2018\/10\/predominance-gif.gif","wide_image-width":640,"wide_image-height":356}},"image_position":"center","orientation":"horizontal","hyperlink":"https:\/\/ekenes.github.io\/esri-ts-samples\/visualization\/smart-mapping\/predominance\/boise-housing\/"},{"acf_fc_layout":"content","content":"
You may notice this app references an alternate color scheme than what is returned by default. You can access any predominance scheme we provide in the JS API by calling the getSchemes<\/a> method on the predominanceSchemes<\/a> symbology object.<\/p>\n
\r\nconst<\/span> fieldList = document<\/span>.getElementById(\"fieldList\"<\/span>) as<\/span> HTMLSelectElement;\r\nconst<\/span> includeSizeCheckbox = document<\/span>.getElementById(\"includeSize\"<\/span>) as<\/span> HTMLInputElement;\r\nconst<\/span> includeOpacityCheckbox = document<\/span>.getElementById(\"includeOpacity\"<\/span>) as<\/span> HTMLInputElement;\r\n\r\n\/\/ Create an array of fields based on the options selected by the user<\/span>\r\nconst<\/span> selectedOptions = [].slice.call(fieldList.selectedOptions);\r\nconst<\/span> fields = selectedOptions.map(function<\/span>(option<\/span>)<\/span>{\r\n  return<\/span> {\r\n    name: option.value,\r\n    label: option.text\r\n  };\r\n});\r\n\r\n\/\/ Gets all the predominance schemes available in the JS API<\/span>\r\nconst<\/span> schemes = predominanceSchemes.getSchemes({\r\n  basemap: map.basemap,\r\n  geometryType: \"polygon\"<\/span>,\r\n  numColors: 10<\/span>\r\n});\r\n\r\nconst<\/span> params = {\r\n  view,\r\n  layer,\r\n  fields,\r\n  predominanceScheme: schemes.secondarySchemes[6<\/span>],\r\n  sortBy: \"value\"<\/span>,\r\n  basemap: view.map.basemap,\r\n  includeSizeVariable: includeSizeCheckbox.checked,\r\n  includeOpacityVariable: includeOpacityCheckbox.checked,\r\n  legendOptions: {\r\n    title: \"Most common decade in which homes were built\"<\/span>\r\n  }\r\n};\r\n\r\nconst<\/span> predominanceResponse = predominanceRendererCreator.createRenderer(params);\r\nlayer.renderer = predominanceResponse.renderer;\r\n<\/code><\/pre>\n
How it works<\/h2>\n
Predominance visualizations are based on pre-generated Arcade expressions referenced in a UniqueValueRenderer<\/a> instance. The Arcade expression relies on at least two field names provided to the fields parameter of the method. These fields are added to the expression, which will compare each field with all others to determine which one has the maximum value.<\/p>\n"},{"acf_fc_layout":"image","image":{"ID":329172,"id":329172,"title":"predominance-arcade","filename":"predominance-arcade-2.png","filesize":74911,"url":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2018\/10\/predominance-arcade-2.png","link":"https:\/\/www.esri.com\/arcgis-blog\/products\/js-api-arcgis\/mapping\/smart-mapping-with-arcade-visualizing-predominance\/predominance-arcade-3","alt":"","author":"6561","description":"","caption":"The Arcade expression generated by the predominance createRenderer method. ","name":"predominance-arcade-3","status":"inherit","uploaded_to":328872,"date":"2018-09-26 22:02:21","modified":"2018-09-26 22:02:51","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":507,"height":635,"sizes":{"thumbnail":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2018\/10\/predominance-arcade-2.png","thumbnail-width":160,"thumbnail-height":200,"medium":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2018\/10\/predominance-arcade-2.png","medium-width":208,"medium-height":261,"medium_large":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2018\/10\/predominance-arcade-2.png","medium_large-width":507,"medium_large-height":635,"large":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2018\/10\/predominance-arcade-2.png","large-width":507,"large-height":635,"1536x1536":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2018\/10\/predominance-arcade-2.png","1536x1536-width":507,"1536x1536-height":635,"2048x2048":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2018\/10\/predominance-arcade-2.png","2048x2048-width":507,"2048x2048-height":635,"card_image":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2018\/10\/predominance-arcade-2.png","card_image-width":371,"card_image-height":465,"wide_image":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2018\/10\/predominance-arcade-2.png","wide_image-width":507,"wide_image-height":635}},"image_position":"center","orientation":"horizontal","hyperlink":""},{"acf_fc_layout":"content","content":"
If specified, the opacity and size visual variables are also driven by data returned from Arcade expressions. You can view these expressions by logging the visual variables in the developer tools console of your browser.<\/p>\n
The opacity Arcade expression looks like this: <\/p>\n"},{"acf_fc_layout":"image","image":{"ID":329182,"id":329182,"title":"predomainance-arcade-opacity","filename":"predomainance-arcade-opacity.png","filesize":80813,"url":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2018\/10\/predomainance-arcade-opacity.png","link":"https:\/\/www.esri.com\/arcgis-blog\/products\/js-api-arcgis\/mapping\/smart-mapping-with-arcade-visualizing-predominance\/predomainance-arcade-opacity","alt":"","author":"6561","description":"","caption":"The Arcade expression generated if the opacity visual variable is requested. This expression returns the percentage of the predominant value among all competing fields.","name":"predomainance-arcade-opacity","status":"inherit","uploaded_to":328872,"date":"2018-09-26 22:03:18","modified":"2018-09-26 22:04: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":480,"height":624,"sizes":{"thumbnail":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2018\/10\/predomainance-arcade-opacity.png","thumbnail-width":154,"thumbnail-height":200,"medium":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2018\/10\/predomainance-arcade-opacity.png","medium-width":201,"medium-height":261,"medium_large":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2018\/10\/predomainance-arcade-opacity.png","medium_large-width":480,"medium_large-height":624,"large":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2018\/10\/predomainance-arcade-opacity.png","large-width":480,"large-height":624,"1536x1536":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2018\/10\/predomainance-arcade-opacity.png","1536x1536-width":480,"1536x1536-height":624,"2048x2048":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2018\/10\/predomainance-arcade-opacity.png","2048x2048-width":480,"2048x2048-height":624,"card_image":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2018\/10\/predomainance-arcade-opacity.png","card_image-width":358,"card_image-height":465,"wide_image":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2018\/10\/predomainance-arcade-opacity.png","wide_image-width":480,"wide_image-height":624}},"image_position":"center","orientation":"horizontal","hyperlink":""},{"acf_fc_layout":"content","content":"
And the size expression looks like the following:<\/p>\n"},{"acf_fc_layout":"image","image":{"ID":329192,"id":329192,"title":"predominance-size-arcade","filename":"predominance-size-arcade.png","filesize":77055,"url":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2018\/10\/predominance-size-arcade.png","link":"https:\/\/www.esri.com\/arcgis-blog\/products\/js-api-arcgis\/mapping\/smart-mapping-with-arcade-visualizing-predominance\/predominance-size-arcade","alt":"","author":"6561","description":"","caption":"The Arcade expression used to sum all the values of the competing fields.","name":"predominance-size-arcade","status":"inherit","uploaded_to":328872,"date":"2018-09-26 22:05:03","modified":"2018-09-26 22:05:30","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":666,"height":494,"sizes":{"thumbnail":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2018\/10\/predominance-size-arcade.png","thumbnail-width":213,"thumbnail-height":158,"medium":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2018\/10\/predominance-size-arcade.png","medium-width":352,"medium-height":261,"medium_large":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2018\/10\/predominance-size-arcade.png","medium_large-width":666,"medium_large-height":494,"large":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2018\/10\/predominance-size-arcade.png","large-width":666,"large-height":494,"1536x1536":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2018\/10\/predominance-size-arcade.png","1536x1536-width":666,"1536x1536-height":494,"2048x2048":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2018\/10\/predominance-size-arcade.png","2048x2048-width":666,"2048x2048-height":494,"card_image":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2018\/10\/predominance-size-arcade.png","card_image-width":627,"card_image-height":465,"wide_image":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2018\/10\/predominance-size-arcade.png","wide_image-width":666,"wide_image-height":494}},"image_position":"center","orientation":"horizontal","hyperlink":""},{"acf_fc_layout":"content","content":"
As alluded to earlier, the predominance Smart Mapping module is particularly designed for building data exploration applications. It isn\u2019t really suitable for generating renderers in typical web apps only intended to display one view of the visualization. If you would like to author a predominance visualization that will be consumed in multiple client apps, then I encourage you to read this blog post<\/a> by Lisa Berry<\/a>, which demonstrates how to create a predominance visualization in ArcGIS Online.<\/p>\n"}],"authors":[{"ID":6561,"user_firstname":"Kristian","user_lastname":"Ekenes","nickname":"Kristian Ekenes","user_nicename":"kekenes","display_name":"Kristian Ekenes","user_email":"KEkenes@esri.com","user_url":"https:\/\/github.com\/ekenes","user_registered":"2018-03-02 00:18:32","user_description":"Kristian Ekenes is a Principal Product Engineer at Esri specializing in data visualization on the web. He works on the ArcGIS Maps SDK for JavaScript, ArcGIS Arcade, and Map Viewer in ArcGIS Online. Kristian's work focuses on researching and developing new and innovative data visualization capabilities of geospatial data in web maps, Arcade integration in web maps, and applications of generative AI assistants in web maps. Prior to joining Esri, he worked as a GIS Specialist for an environmental consulting company. Kristian has degrees from Brigham Young University and Arizona State University.","user_avatar":""}],"related_articles":[{"ID":76991,"post_author":"6561","post_date":"2017-05-23 07:00:12","post_date_gmt":"2017-05-23 07:00:12","post_content":"","post_title":"Creating a predominance visualization with Arcade","post_excerpt":"","post_status":"publish","comment_status":"closed","ping_status":"closed","post_password":"","post_name":"creating-a-predominance-visualization-with-arcade","to_ping":"","pinged":"","post_modified":"2024-11-11 12:39:59","post_modified_gmt":"2024-11-11 20:39:59","post_content_filtered":"","post_parent":0,"guid":"http:\/\/www.esri.com\/arcgis-blog\/products\/product\/uncategorized\/creating-a-predominance-visualization-with-arcade\/","menu_order":0,"post_type":"blog","post_mime_type":"","comment_count":"0","filter":"raw"},{"ID":79861,"post_author":"6461","post_date":"2017-10-10 10:00:08","post_date_gmt":"2017-10-10 10:00:08","post_content":"","post_title":"Map Multiple Attributes at Once using Predominance","post_excerpt":"","post_status":"publish","comment_status":"open","ping_status":"closed","post_password":"","post_name":"map-multiple-attributes-at-once-using-predominance","to_ping":"","pinged":"","post_modified":"2020-05-20 14:29:17","post_modified_gmt":"2020-05-20 21:29:17","post_content_filtered":"","post_parent":0,"guid":"http:\/\/www.esri.com\/arcgis-blog\/products\/product\/uncategorized\/map-multiple-attributes-at-once-using-predominance\/","menu_order":0,"post_type":"blog","post_mime_type":"","comment_count":"0","filter":"raw"},{"ID":199072,"post_author":"6561","post_date":"2018-06-05 08:00:08","post_date_gmt":"2018-06-05 08:00:08","post_content":"","post_title":"Generate Arcade expressions for data exploration web apps","post_excerpt":"","post_status":"publish","comment_status":"closed","ping_status":"closed","post_password":"","post_name":"generate-arcade-expressions-for-data-exploration-web-apps","to_ping":"","pinged":"","post_modified":"2024-11-11 12:37:33","post_modified_gmt":"2024-11-11 20:37:33","post_content_filtered":"","post_parent":0,"guid":"http:\/\/www.esri.com\/arcgis-blog\/?post_type=blog&p=199072","menu_order":0,"post_type":"blog","post_mime_type":"","comment_count":"0","filter":"raw"}],"card_image":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2018\/10\/predominance-card.png","wide_image":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2018\/10\/predominance-banner-final.png"},"yoast_head":"\nSmart Mapping with Arcade: Visualizing predominance<\/title>\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\/js-api-arcgis\/mapping\/smart-mapping-with-arcade-visualizing-predominance\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Smart Mapping with Arcade: Visualizing predominance\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www.esri.com\/arcgis-blog\/products\/js-api-arcgis\/mapping\/smart-mapping-with-arcade-visualizing-predominance\" \/>\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-11T20:36:51+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\/js-api-arcgis\/mapping\/smart-mapping-with-arcade-visualizing-predominance#article\",\"isPartOf\":{\"@id\":\"https:\/\/www.esri.com\/arcgis-blog\/products\/js-api-arcgis\/mapping\/smart-mapping-with-arcade-visualizing-predominance\"},\"author\":{\"name\":\"Kristian Ekenes\",\"@id\":\"https:\/\/www.esri.com\/arcgis-blog\/#\/schema\/person\/5469f723fbfb78138efbb1da56e6aa9b\"},\"headline\":\"Smart Mapping with Arcade: Visualizing predominance\",\"datePublished\":\"2018-10-10T15:00:48+00:00\",\"dateModified\":\"2024-11-11T20:36:51+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\/\/www.esri.com\/arcgis-blog\/products\/js-api-arcgis\/mapping\/smart-mapping-with-arcade-visualizing-predominance\"},\"wordCount\":6,\"publisher\":{\"@id\":\"https:\/\/www.esri.com\/arcgis-blog\/#organization\"},\"keywords\":[\"arcade expressions\",\"data visualization\",\"jsapi4\",\"predominance\",\"smart mapping\"],\"articleSection\":[\"Arcade\",\"Mapping\"],\"inLanguage\":\"en-US\"},{\"@type\":\"WebPage\",\"@id\":\"https:\/\/www.esri.com\/arcgis-blog\/products\/js-api-arcgis\/mapping\/smart-mapping-with-arcade-visualizing-predominance\",\"url\":\"https:\/\/www.esri.com\/arcgis-blog\/products\/js-api-arcgis\/mapping\/smart-mapping-with-arcade-visualizing-predominance\",\"name\":\"Smart Mapping with Arcade: Visualizing predominance\",\"isPartOf\":{\"@id\":\"https:\/\/www.esri.com\/arcgis-blog\/#website\"},\"datePublished\":\"2018-10-10T15:00:48+00:00\",\"dateModified\":\"2024-11-11T20:36:51+00:00\",\"breadcrumb\":{\"@id\":\"https:\/\/www.esri.com\/arcgis-blog\/products\/js-api-arcgis\/mapping\/smart-mapping-with-arcade-visualizing-predominance#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/www.esri.com\/arcgis-blog\/products\/js-api-arcgis\/mapping\/smart-mapping-with-arcade-visualizing-predominance\"]}]},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/www.esri.com\/arcgis-blog\/products\/js-api-arcgis\/mapping\/smart-mapping-with-arcade-visualizing-predominance#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/www.esri.com\/arcgis-blog\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Smart Mapping with Arcade: Visualizing predominance\"}]},{\"@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\/5469f723fbfb78138efbb1da56e6aa9b\",\"name\":\"Kristian Ekenes\",\"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\/2021\/10\/ekenes-zurich-213x200.png\",\"contentUrl\":\"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2021\/10\/ekenes-zurich-213x200.png\",\"caption\":\"Kristian Ekenes\"},\"description\":\"Kristian Ekenes is a Principal Product Engineer at Esri specializing in data visualization on the web. He works on the ArcGIS Maps SDK for JavaScript, ArcGIS Arcade, and Map Viewer in ArcGIS Online. Kristian's work focuses on researching and developing new and innovative data visualization capabilities of geospatial data in web maps, Arcade integration in web maps, and applications of generative AI assistants in web maps. Prior to joining Esri, he worked as a GIS Specialist for an environmental consulting company. Kristian has degrees from Brigham Young University and Arizona State University.\",\"sameAs\":[\"https:\/\/github.com\/ekenes\",\"https:\/\/www.linkedin.com\/in\/kristian-ekenes\/\",\"https:\/\/x.com\/kekenes\"],\"gender\":\"male\",\"jobTitle\":\"Principal Product Engineer\",\"worksFor\":\"Esri\",\"url\":\"https:\/\/www.esri.com\/arcgis-blog\/author\/kekenes\"}]}<\/script>\n<!-- \/ Yoast SEO Premium plugin. -->","yoast_head_json":{"title":"Smart Mapping with Arcade: Visualizing predominance","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\/js-api-arcgis\/mapping\/smart-mapping-with-arcade-visualizing-predominance","og_locale":"en_US","og_type":"article","og_title":"Smart Mapping with Arcade: Visualizing predominance","og_url":"https:\/\/www.esri.com\/arcgis-blog\/products\/js-api-arcgis\/mapping\/smart-mapping-with-arcade-visualizing-predominance","og_site_name":"ArcGIS Blog","article_publisher":"https:\/\/www.facebook.com\/esrigis\/","article_modified_time":"2024-11-11T20:36:51+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\/js-api-arcgis\/mapping\/smart-mapping-with-arcade-visualizing-predominance#article","isPartOf":{"@id":"https:\/\/www.esri.com\/arcgis-blog\/products\/js-api-arcgis\/mapping\/smart-mapping-with-arcade-visualizing-predominance"},"author":{"name":"Kristian Ekenes","@id":"https:\/\/www.esri.com\/arcgis-blog\/#\/schema\/person\/5469f723fbfb78138efbb1da56e6aa9b"},"headline":"Smart Mapping with Arcade: Visualizing predominance","datePublished":"2018-10-10T15:00:48+00:00","dateModified":"2024-11-11T20:36:51+00:00","mainEntityOfPage":{"@id":"https:\/\/www.esri.com\/arcgis-blog\/products\/js-api-arcgis\/mapping\/smart-mapping-with-arcade-visualizing-predominance"},"wordCount":6,"publisher":{"@id":"https:\/\/www.esri.com\/arcgis-blog\/#organization"},"keywords":["arcade expressions","data visualization","jsapi4","predominance","smart mapping"],"articleSection":["Arcade","Mapping"],"inLanguage":"en-US"},{"@type":"WebPage","@id":"https:\/\/www.esri.com\/arcgis-blog\/products\/js-api-arcgis\/mapping\/smart-mapping-with-arcade-visualizing-predominance","url":"https:\/\/www.esri.com\/arcgis-blog\/products\/js-api-arcgis\/mapping\/smart-mapping-with-arcade-visualizing-predominance","name":"Smart Mapping with Arcade: Visualizing predominance","isPartOf":{"@id":"https:\/\/www.esri.com\/arcgis-blog\/#website"},"datePublished":"2018-10-10T15:00:48+00:00","dateModified":"2024-11-11T20:36:51+00:00","breadcrumb":{"@id":"https:\/\/www.esri.com\/arcgis-blog\/products\/js-api-arcgis\/mapping\/smart-mapping-with-arcade-visualizing-predominance#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.esri.com\/arcgis-blog\/products\/js-api-arcgis\/mapping\/smart-mapping-with-arcade-visualizing-predominance"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/www.esri.com\/arcgis-blog\/products\/js-api-arcgis\/mapping\/smart-mapping-with-arcade-visualizing-predominance#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/www.esri.com\/arcgis-blog\/"},{"@type":"ListItem","position":2,"name":"Smart Mapping with Arcade: Visualizing predominance"}]},{"@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\/5469f723fbfb78138efbb1da56e6aa9b","name":"Kristian Ekenes","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\/2021\/10\/ekenes-zurich-213x200.png","contentUrl":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2021\/10\/ekenes-zurich-213x200.png","caption":"Kristian Ekenes"},"description":"Kristian Ekenes is a Principal Product Engineer at Esri specializing in data visualization on the web. He works on the ArcGIS Maps SDK for JavaScript, ArcGIS Arcade, and Map Viewer in ArcGIS Online. Kristian's work focuses on researching and developing new and innovative data visualization capabilities of geospatial data in web maps, Arcade integration in web maps, and applications of generative AI assistants in web maps. Prior to joining Esri, he worked as a GIS Specialist for an environmental consulting company. Kristian has degrees from Brigham Young University and Arizona State University.","sameAs":["https:\/\/github.com\/ekenes","https:\/\/www.linkedin.com\/in\/kristian-ekenes\/","https:\/\/x.com\/kekenes"],"gender":"male","jobTitle":"Principal Product Engineer","worksFor":"Esri","url":"https:\/\/www.esri.com\/arcgis-blog\/author\/kekenes"}]}},"text_date":"October 10, 2018","author_name":"Kristian Ekenes","author_page":"https:\/\/www.esri.com\/arcgis-blog\/author\/kekenes","custom_image":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2018\/10\/predominance-banner-final.png","primary_product":"ArcGIS Maps SDK for JavaScript","tag_data":[{"term_id":32521,"name":"arcade expressions","slug":"arcade-expressions","term_group":0,"term_taxonomy_id":32521,"taxonomy":"post_tag","description":"","parent":0,"count":27,"filter":"raw"},{"term_id":30111,"name":"data visualization","slug":"data-visualization","term_group":0,"term_taxonomy_id":30111,"taxonomy":"post_tag","description":"","parent":0,"count":97,"filter":"raw"},{"term_id":27491,"name":"jsapi4","slug":"jsapi4","term_group":0,"term_taxonomy_id":27491,"taxonomy":"post_tag","description":"","parent":0,"count":111,"filter":"raw"},{"term_id":33531,"name":"predominance","slug":"predominance","term_group":0,"term_taxonomy_id":33531,"taxonomy":"post_tag","description":"","parent":0,"count":5,"filter":"raw"},{"term_id":24581,"name":"smart mapping","slug":"smart-mapping","term_group":0,"term_taxonomy_id":24581,"taxonomy":"post_tag","description":"","parent":0,"count":81,"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":22941,"name":"Mapping","slug":"mapping","term_group":0,"term_taxonomy_id":22941,"taxonomy":"category","description":"","parent":0,"count":2688,"filter":"raw"}],"product_data":[{"term_id":36831,"name":"ArcGIS Maps SDK for JavaScript","slug":"js-api-arcgis","term_group":0,"term_taxonomy_id":36831,"taxonomy":"product","description":"","parent":36601,"count":362,"filter":"raw"},{"term_id":36601,"name":"Developers","slug":"developers","term_group":0,"term_taxonomy_id":36601,"taxonomy":"product","description":"","parent":0,"count":763,"filter":"raw"}],"primary_product_link":"https:\/\/www.esri.com\/arcgis-blog\/?s=#&products=js-api-arcgis","_links":{"self":[{"href":"https:\/\/www.esri.com\/arcgis-blog\/wp-json\/wp\/v2\/blog\/328872","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\/6561"}],"replies":[{"embeddable":true,"href":"https:\/\/www.esri.com\/arcgis-blog\/wp-json\/wp\/v2\/comments?post=328872"}],"version-history":[{"count":0,"href":"https:\/\/www.esri.com\/arcgis-blog\/wp-json\/wp\/v2\/blog\/328872\/revisions"}],"wp:attachment":[{"href":"https:\/\/www.esri.com\/arcgis-blog\/wp-json\/wp\/v2\/media?parent=328872"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.esri.com\/arcgis-blog\/wp-json\/wp\/v2\/categories?post=328872"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.esri.com\/arcgis-blog\/wp-json\/wp\/v2\/tags?post=328872"},{"taxonomy":"industry","embeddable":true,"href":"https:\/\/www.esri.com\/arcgis-blog\/wp-json\/wp\/v2\/industry?post=328872"},{"taxonomy":"product","embeddable":true,"href":"https:\/\/www.esri.com\/arcgis-blog\/wp-json\/wp\/v2\/product?post=328872"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}