{"id":711382,"date":"2020-01-26T10:30:01","date_gmt":"2020-01-26T18:30:01","guid":{"rendered":"https:\/\/www.esri.com\/arcgis-blog\/?post_type=blog&#038;p=711382"},"modified":"2020-06-17T06:17:38","modified_gmt":"2020-06-17T13:17:38","slug":"3d-globe-earthquakes","status":"publish","type":"blog","link":"https:\/\/www.esri.com\/arcgis-blog\/products\/js-api-arcgis\/3d-gis\/3d-globe-earthquakes","title":{"rendered":"An in depth 3D globe of earthquakes"},"author":7011,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","format":"standard","meta":{"_acf_changed":false,"_searchwp_excluded":""},"categories":[23771],"tags":[25781,525722,549072,32501],"industry":[],"product":[36831],"class_list":["post-711382","blog","type-blog","status-publish","format-standard","hentry","category-3d-gis","tag-3d","tag-earthquakes","tag-esrirdzurich","tag-globe","product-js-api-arcgis"],"acf":{"short_description":"Learn to create a 3D globe of earthquakes with exaggerated depth using ArcGIS API for JavaScript.","flexible_content":[{"acf_fc_layout":"content","content":"<p class=\"graf graf--p\">Some months ago I visualized <a class=\"markup--anchor markup--p-anchor\" href=\"https:\/\/earthquake.usgs.gov\/data\/data.php\" target=\"_blank\" rel=\"noopener\" data-href=\"https:\/\/earthquake.usgs.gov\/data\/data.php\">earthquake data from USGS<\/a> on a globe. The goal of the map is to give users an overview of the earthquake locations, discover the major ones and see where earthquakes occur at lower depth compared to other regions. What made it special is the fact that the depth is exaggerated, so you can see the tectonic activity patterns in the depth dimension much better.<\/p>\n"},{"acf_fc_layout":"image","image":{"ID":711402,"id":711402,"title":"app-screenshot","filename":"app-screenshot.png","filesize":106594,"url":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2020\/01\/app-screenshot.png","link":"https:\/\/www.esri.com\/arcgis-blog\/products\/js-api-arcgis\/3d-gis\/3d-globe-earthquakes\/app-screenshot","alt":"","author":"7011","description":"","caption":"View the live application here: https:\/\/ralucanicola.github.io\/earthquakes-viz\/","name":"app-screenshot","status":"inherit","uploaded_to":711382,"date":"2020-01-24 18:17:20","modified":"2020-01-24 18:18:26","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":1066,"height":681,"sizes":{"thumbnail":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2020\/01\/app-screenshot-213x200.png","thumbnail-width":213,"thumbnail-height":200,"medium":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2020\/01\/app-screenshot.png","medium-width":409,"medium-height":261,"medium_large":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2020\/01\/app-screenshot.png","medium_large-width":768,"medium_large-height":491,"large":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2020\/01\/app-screenshot.png","large-width":1066,"large-height":681,"1536x1536":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2020\/01\/app-screenshot.png","1536x1536-width":1066,"1536x1536-height":681,"2048x2048":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2020\/01\/app-screenshot.png","2048x2048-width":1066,"2048x2048-height":681,"card_image":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2020\/01\/app-screenshot-728x465.png","card_image-width":728,"card_image-height":465,"wide_image":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2020\/01\/app-screenshot.png","wide_image-width":1066,"wide_image-height":681}},"image_position":"center","orientation":"horizontal","hyperlink":"https:\/\/ralucanicola.github.io\/earthquakes-viz\/"},{"acf_fc_layout":"content","content":"<p class=\"graf graf--p\">In this blog post we\u2019ll have a detailed look into what works in this visualization and what doesn\u2019t, and we\u2019ll also go through the main concepts needed to create it with <a class=\"markup--anchor markup--p-anchor\" href=\"https:\/\/developers.arcgis.com\/javascript\/\" target=\"_blank\" rel=\"noopener\" data-href=\"https:\/\/developers.arcgis.com\/javascript\/\">ArcGIS API for JavaScript<\/a>. If you just want to re-create this visualization with your own data, then follow the instructions in <a class=\"markup--anchor markup--p-anchor\" href=\"https:\/\/github.com\/RalucaNicola\/earthquakes-viz#how-to-re-create-this-visualization-with-your-own-data\" target=\"_blank\" rel=\"noopener\" data-href=\"https:\/\/github.com\/RalucaNicola\/earthquakes-viz#how-to-re-create-this-visualization-with-your-own-data\">this file<\/a>.<\/p>\n<h2 class=\"graf graf--h4\">Exaggerating the earthquake depth<\/h2>\n<p class=\"graf graf--p\">When looking at earthquakes from far away, it\u2019s hard to see differences in earthquake depth. The radius of the Earth is much bigger than the depth of the earthquakes, so a difference of 200km is barely noticeable in a global view. This is how the idea of exaggerating the depth came about. Let\u2019s have a look at an example of earthquakes in the area of the Ring of Fire:<\/p>\n"},{"acf_fc_layout":"image","image":{"ID":711412,"id":711412,"title":"exaggerated-depth","filename":"exaggerated-depth.png","filesize":945786,"url":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2020\/01\/exaggerated-depth.png","link":"https:\/\/www.esri.com\/arcgis-blog\/products\/js-api-arcgis\/3d-gis\/3d-globe-earthquakes\/exaggerated-depth","alt":"","author":"7011","description":"","caption":"Comparison between a visualization with exaggerated depth and without.","name":"exaggerated-depth","status":"inherit","uploaded_to":711382,"date":"2020-01-24 18:18:55","modified":"2020-01-24 18:19: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":3335,"height":1515,"sizes":{"thumbnail":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2020\/01\/exaggerated-depth-213x200.png","thumbnail-width":213,"thumbnail-height":200,"medium":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2020\/01\/exaggerated-depth.png","medium-width":464,"medium-height":211,"medium_large":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2020\/01\/exaggerated-depth.png","medium_large-width":768,"medium_large-height":349,"large":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2020\/01\/exaggerated-depth.png","large-width":1920,"large-height":872,"1536x1536":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2020\/01\/exaggerated-depth-1536x698.png","1536x1536-width":1536,"1536x1536-height":698,"2048x2048":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2020\/01\/exaggerated-depth-2048x930.png","2048x2048-width":2048,"2048x2048-height":930,"card_image":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2020\/01\/exaggerated-depth-826x375.png","card_image-width":826,"card_image-height":375,"wide_image":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2020\/01\/exaggerated-depth-1920x872.png","wide_image-width":1920,"wide_image-height":872}},"image_position":"center","orientation":"horizontal","hyperlink":""},{"acf_fc_layout":"content","content":"<p class=\"graf graf--p\">The screenshot on the left is using real depth. Notice how you couldn\u2019t really tell the difference between a 12km deep earthquake and a 410km deep earthquake. On the right, the earthquake depths are exaggerated by a factor of 6. The earthquakes are stretched now much more and you can notice differences between regions. Take for example the Tonga trench, a very active tectonic region with many earthquakes reaching very deep, all the way to 700km.<\/p>\n<p class=\"graf graf--p\">How to exaggerate the depth of the earthquakes? With ArcGIS API for JavaScript you can set the <code class=\"markup--code markup--p-code\">featureExpressionInfo<\/code> on the <a class=\"markup--anchor markup--p-anchor\" href=\"https:\/\/developers.arcgis.com\/javascript\/latest\/api-reference\/esri-layers-CSVLayer.html#elevationInfo\" target=\"_blank\" rel=\"noopener\" data-href=\"https:\/\/developers.arcgis.com\/javascript\/latest\/api-reference\/esri-layers-CSVLayer.html#elevationInfo\">elevationInfo<\/a> property of the <a class=\"markup--anchor markup--p-anchor\" href=\"https:\/\/developers.arcgis.com\/javascript\/latest\/api-reference\/esri-layers-CSVLayer.html\" target=\"_blank\" rel=\"noopener\" data-href=\"https:\/\/developers.arcgis.com\/javascript\/latest\/api-reference\/esri-layers-CSVLayer.html\">CSVLayer<\/a>. In this case <code class=\"markup--code markup--p-code\">featureExpresionInfo.expression = \"-$feature.depth * 6\"<\/code>. See the code on <a class=\"markup--anchor markup--p-anchor\" href=\"https:\/\/github.com\/RalucaNicola\/earthquakes-viz\/blob\/master\/main.js#L91\" target=\"_blank\" rel=\"noopener\" data-href=\"https:\/\/github.com\/RalucaNicola\/earthquakes-viz\/blob\/master\/main.js#L49\">GitHub<\/a>.<\/p>\n<h2 class=\"graf graf--h4\">Take the globe for a\u00a0spin!<\/h2>\n<p class=\"graf graf--p\">In images of 3D maps it\u2019s sometimes hard to figure out where the features are in space. In this map, the exaggerated depth makes it even harder! The basemap is also very minimal, containing only the borders of the countries and those of the tectonic plates. However, it becomes easier to locate the points in space when the scene is in motion. This is why the application initially starts with the globe rotating:<\/p>\n"},{"acf_fc_layout":"youtube","start_time":"0","end_time":"","youtube_video_url":"<iframe title=\"Major Earthquakes 2019\" width=\"520\" height=\"390\" src=\"https:\/\/www.youtube.com\/embed\/ezhcC_dUHEE?feature=oembed\" frameborder=\"0\" allow=\"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share\" referrerpolicy=\"strict-origin-when-cross-origin\" allowfullscreen><\/iframe>"},{"acf_fc_layout":"content","content":"<p class=\"graf graf--p\">How did I rotate the globe? Rotating basically means moving the camera around the globe. In <a class=\"markup--anchor markup--p-anchor\" href=\"https:\/\/developers.arcgis.com\/javascript\/\" target=\"_blank\" rel=\"noopener\" data-href=\"https:\/\/developers.arcgis.com\/javascript\/\">ArcGIS API for JavaScript<\/a> I am waiting for the view to finish <a class=\"markup--anchor markup--p-anchor\" href=\"https:\/\/developers.arcgis.com\/javascript\/latest\/api-reference\/esri-views-SceneView.html#updating\" target=\"_blank\" rel=\"noopener\" data-href=\"https:\/\/developers.arcgis.com\/javascript\/latest\/api-reference\/esri-views-SceneView.html#updating\">updating<\/a> to make sure that all the points are loaded, and then I call the <a class=\"markup--anchor markup--p-anchor\" href=\"https:\/\/developers.arcgis.com\/javascript\/latest\/api-reference\/esri-views-SceneView.html#goTo\" target=\"_blank\" rel=\"noopener\" data-href=\"https:\/\/developers.arcgis.com\/javascript\/latest\/api-reference\/esri-views-SceneView.html#goTo\">goTo()<\/a> method moving 0.1 degree longitude east on every frame. See the code for this on <a class=\"markup--anchor markup--p-anchor\" href=\"https:\/\/github.com\/RalucaNicola\/earthquakes-viz\/blob\/master\/main.js#L222\" target=\"_blank\" rel=\"noopener\" data-href=\"https:\/\/github.com\/RalucaNicola\/earthquakes-viz\/blob\/master\/main.js#L222\">GitHub<\/a>.<\/p>\n<h2 class=\"graf graf--h4\">Bigger dots for bigger earthquakes<\/h2>\n<p class=\"graf graf--p\">The magnitude of the earthquake was mapped both on the size and the color of the symbols. I wanted to have a clear distinction between earthquakes that go beyond a magnitude of 6 and produce catastrophic damage and the ones lower than 6. For this reason, the earthquakes between 4 and 6 are represented as small, yellow spheres and the ones stronger than 7 as large, dark red spheres. Between 6 and 7 the values are interpolated, which is why there are also middle sized, orange spheres. It is an interesting mix between a visualization with classes and a continuously mapped values. I made this decision because I wanted to see the nuances when it comes to bigger earthquakes (which also occur less frequently). For the smaller earthquakes, I think it\u2019s important to see that they are many, but the differences between them are not so important, so a small symbol for all of them works as well.<\/p>\n<p class=\"graf graf--p\">To create this type of visualization, I used a <a class=\"markup--anchor markup--p-anchor\" href=\"https:\/\/developers.arcgis.com\/javascript\/latest\/api-reference\/esri-renderers-SimpleRenderer.html\" target=\"_blank\" rel=\"noopener\" data-href=\"https:\/\/developers.arcgis.com\/javascript\/latest\/api-reference\/esri-renderers-SimpleRenderer.html\">SimpleRenderer<\/a> with two visual variables: a <a class=\"markup--anchor markup--p-anchor\" href=\"https:\/\/developers.arcgis.com\/javascript\/latest\/api-reference\/esri-renderers-visualVariables-ColorVariable.html\" target=\"_blank\" rel=\"noopener\" data-href=\"https:\/\/developers.arcgis.com\/javascript\/latest\/api-reference\/esri-renderers-visualVariables-ColorVariable.html\">colorVariable<\/a> and a <a class=\"markup--anchor markup--p-anchor\" href=\"https:\/\/developers.arcgis.com\/javascript\/latest\/api-reference\/esri-renderers-visualVariables-SizeVariable.html\" target=\"_blank\" rel=\"noopener\" data-href=\"https:\/\/developers.arcgis.com\/javascript\/latest\/api-reference\/esri-renderers-visualVariables-SizeVariable.html\">sizeVariable<\/a>. See the code for this part on <a class=\"markup--anchor markup--p-anchor\" href=\"https:\/\/github.com\/RalucaNicola\/earthquakes-viz\/blob\/master\/main.js#L113\" target=\"_blank\" rel=\"noopener\" data-href=\"https:\/\/github.com\/RalucaNicola\/earthquakes-viz\/blob\/master\/main.js#L71\">GitHub<\/a>.<\/p>\n<h2 class=\"graf graf--h4\">The list of biggest earthquakes of\u00a02019<\/h2>\n<p class=\"graf graf--p\">To provide a quick overview of last year\u2019s most important earthquakes, I\u2019m displaying a list of all earthquakes with magnitude 7 or greater. A \u201cZoom to\u201d makes it easy to find a specific earthquake on the map.<\/p>\n"},{"acf_fc_layout":"image","image":{"ID":711422,"id":711422,"title":"list-earthquake","filename":"list-earthquake.png","filesize":54350,"url":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2020\/01\/list-earthquake.png","link":"https:\/\/www.esri.com\/arcgis-blog\/products\/js-api-arcgis\/3d-gis\/3d-globe-earthquakes\/list-earthquake","alt":"","author":"7011","description":"","caption":"A list of major earthquakes","name":"list-earthquake","status":"inherit","uploaded_to":711382,"date":"2020-01-24 18:31:07","modified":"2020-01-24 18:32:03","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":2134,"height":232,"sizes":{"thumbnail":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2020\/01\/list-earthquake-213x200.png","thumbnail-width":213,"thumbnail-height":200,"medium":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2020\/01\/list-earthquake.png","medium-width":464,"medium-height":50,"medium_large":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2020\/01\/list-earthquake.png","medium_large-width":768,"medium_large-height":83,"large":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2020\/01\/list-earthquake.png","large-width":1920,"large-height":209,"1536x1536":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2020\/01\/list-earthquake-1536x167.png","1536x1536-width":1536,"1536x1536-height":167,"2048x2048":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2020\/01\/list-earthquake-2048x223.png","2048x2048-width":2048,"2048x2048-height":223,"card_image":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2020\/01\/list-earthquake-826x90.png","card_image-width":826,"card_image-height":90,"wide_image":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2020\/01\/list-earthquake-1920x209.png","wide_image-width":1920,"wide_image-height":209}},"image_position":"center","orientation":"horizontal","hyperlink":""},{"acf_fc_layout":"content","content":"<p class=\"graf graf--p\">To do this, I use the <a class=\"markup--anchor markup--p-anchor\" href=\"https:\/\/developers.arcgis.com\/javascript\/latest\/api-reference\/esri-layers-CSVLayer.html#queryFeatures\" target=\"_blank\" rel=\"noopener\" data-href=\"https:\/\/developers.arcgis.com\/javascript\/latest\/api-reference\/esri-layers-CSVLayer.html#queryFeatures\">queryFeatures()<\/a> functionality of the <a class=\"markup--anchor markup--p-anchor\" href=\"https:\/\/developers.arcgis.com\/javascript\/latest\/api-reference\/esri-layers-CSVLayer.html\" target=\"_blank\" rel=\"noopener\" data-href=\"https:\/\/developers.arcgis.com\/javascript\/latest\/api-reference\/esri-layers-CSVLayer.html\">CSVLayer<\/a>. See the code on <a href=\"https:\/\/github.com\/RalucaNicola\/earthquakes-viz\/blob\/master\/main.js#L201\">Github<\/a>.<\/p>\n<p class=\"graf graf--p\">I hope you enjoyed the breakdown of the main features that helped to build this visualization. If you want to re-create it with your own data, follow the instructions in this <a class=\"markup--anchor markup--p-anchor\" href=\"https:\/\/github.com\/RalucaNicola\/earthquakes-viz#how-to-re-create-this-visualization-with-your-own-data\" target=\"_blank\" rel=\"noopener\" data-href=\"https:\/\/github.com\/RalucaNicola\/earthquakes-viz#how-to-re-create-this-visualization-with-your-own-data\">readme file<\/a>. You won\u2019t need to do any coding, but you will need a GitHub account.<\/p>\n"}],"authors":[{"ID":7011,"user_firstname":"Raluca","user_lastname":"Nicola","nickname":"Raluca Nicola","user_nicename":"raluca_zurich","display_name":"Raluca Nicola","user_email":"RNicola@esri.com","user_url":"https:\/\/raluca-nicola.net\/","user_registered":"2018-03-02 00:19:07","user_description":"Raluca works as a web cartographer with the Geo Experience Center team at Esri. She loves to play around with web technologies and visualization styles. If she's not in front of the computer, she's probably somewhere up in the mountains.","user_avatar":"<img data-del=\"avatar\" src='https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2018\/04\/7VkWXsZ3_400x400.jpg' class='avatar pp-user-avatar avatar-96 photo ' height='96' width='96'\/>"}],"related_articles":[{"ID":680652,"post_author":"7011","post_date":"2019-12-13 07:32:50","post_date_gmt":"2019-12-13 15:32:50","post_content":"","post_title":"A classical visualization of earthquakes using ArcGIS API for JavaScript","post_excerpt":"","post_status":"publish","comment_status":"closed","ping_status":"closed","post_password":"","post_name":"a-classical-visualization-of-earthquakes-using-arcgis-api-for-javascript","to_ping":"","pinged":"","post_modified":"2020-06-17 06:18:12","post_modified_gmt":"2020-06-17 13:18:12","post_content_filtered":"","post_parent":0,"guid":"https:\/\/www.esri.com\/arcgis-blog\/?post_type=blog&#038;p=680652","menu_order":0,"post_type":"blog","post_mime_type":"","comment_count":"0","filter":"raw"},{"ID":123291,"post_author":"6971","post_date":"2018-03-07 13:32:13","post_date_gmt":"2018-03-07 13:32:13","post_content":"<a href=\"https:\/\/nation.maps.arcgis.com\/apps\/Cascade\/index.html?appid=bf439954e2b64d418aedd2fe11217d83\" target=\"_blank\">Firefly<\/a>...the map style that captures our attention and dutifully honors the First Law of Geography. Those of us that know it best think about it often. I swear...the maps I've seen. Sometimes it gives me pause, though, Firefly being free, belonging to every cartographer who wants to take a chance. I have to remind myself that some map styles aren't meant to be caged. Their radiance is just too bright. And the part of me that knows it was a sin to keep it to myself does <a title=\"Classic...\" href=\"https:\/\/www.youtube.com\/watch?v=n45R0eF1ctc\" target=\"_blank\">rejoice<\/a>.\n\nSo <a title=\"Download the ArcGIS Pro style, &quot;Firefly.stylx&quot;\" href=\"https:\/\/esri-styles.maps.arcgis.com\/home\/item.html?id=93a6d9ea3b54478193ba566ab9d8b748\" target=\"_blank\">here it is<\/a>. Do interesting things with your data.\n\nThe <a href=\"https:\/\/esri-styles.maps.arcgis.com\/home\/item.html?id=93a6d9ea3b54478193ba566ab9d8b748\" target=\"_blank\">Firefly style<\/a> consists of the following point, line, and polygon symbols, packaged up for your adventures in ArcGIS Pro...\n\n<a href=\"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2018\/03\/FireflyStyle.png\" target=\"_blank\"><img class=\"alignnone size-full wp-image-101897 noIMGBackground\" src=\"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2018\/03\/FireflyStyle.png\" alt=\"\" width=\"470\" height=\"1019\" \/><\/a>\n\nThere are 20 pre-defined colors available for each symbol (but there is no reason you can't tweak them for whatever visualization scheme you cook up). Here is a reference of their numbering...\n\n<a href=\"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2018\/03\/ColorWheel.png\" target=\"_blank\"><img class=\"alignnone size-full wp-image-101898 noIMGBackground\" src=\"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2018\/03\/ColorWheel.png\" alt=\"\" width=\"627\" height=\"620\" \/><\/a>\n\nTo add these to your Pro project, first download the <a href=\"https:\/\/esri-styles.maps.arcgis.com\/home\/item.html?id=93a6d9ea3b54478193ba566ab9d8b748\" target=\"_blank\">Firefly.stylx<\/a> file and save it to your machine. From your project's Catalog panel, right-click the <a title=\"What's a &quot;Style?&quot;\" href=\"http:\/\/pro.arcgis.com\/en\/pro-app\/help\/projects\/connect-to-a-style.htm\" target=\"_blank\">Styles<\/a> category and choose to <em>add a style<\/em>.\n\n<a href=\"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2018\/03\/AddStyle.png\" target=\"_blank\"><img class=\"alignnone size-full wp-image-101899 noIMGBackground\" src=\"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2018\/03\/AddStyle.png\" alt=\"\" width=\"412\" height=\"539\" \/><\/a>\n\nPoint it to your Firefly.stylx file and you are good to go. Thereafter, the firefly styles will be available in the project via the Symbology panel's Gallery.\n\n<a href=\"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2018\/03\/SymbolGallery.png\" target=\"_blank\"><img class=\"alignnone size-full wp-image-101900 noIMGBackground\" src=\"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2018\/03\/SymbolGallery.png\" alt=\"\" width=\"414\" height=\"1006\" \/><\/a>\n\nSo many possibilities. But where to start?\n<h2>Points<\/h2>\nHere's a look at the standard Firefly point symbol, in this case showing, obviously, Taco Bell locations scaled by revenue...\n\n<a href=\"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2018\/03\/Firefly.jpg\" target=\"_blank\"><img class=\"alignnone size-full wp-image-101901 noIMGBackground\" src=\"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2018\/03\/Firefly.jpg\" alt=\"\" width=\"1507\" height=\"824\" \/><\/a>\n\nBut sometimes you want to turn your Firefly point features up to eleven. I've got you covered. There is an alternative version with a twinkly lens flare shimmer sort of thing going on. Like in this map of luminescent earthquakes...\n\n<a href=\"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2018\/03\/FireflyShimmer.jpg\" target=\"_blank\"><img class=\"alignnone size-full wp-image-101902 noIMGBackground\" src=\"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2018\/03\/FireflyShimmer.jpg\" alt=\"\" width=\"1507\" height=\"824\" \/><\/a>\n<h2>Lines<\/h2>\nFirefly has two line styles. But, again, you can totally play with the Symbol settings to teach it whatever tricks you need. Here is the standard, solid, line illustrated in this map of glowtastic graticules...\n\n<a href=\"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2018\/03\/FireflyLine.jpg\" target=\"_blank\"><img class=\"alignnone size-full wp-image-101903 noIMGBackground\" src=\"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2018\/03\/FireflyLine.jpg\" alt=\"\" width=\"1507\" height=\"824\" \/><\/a>\n\nBut sometimes you just need a dashed line. So here is an example of the dashed Firefly line style applied to contour lines in the Pacific Northwest...\n\n<a href=\"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2018\/03\/FireflyLineDash.jpg\" target=\"_blank\"><img class=\"alignnone size-full wp-image-101904 noIMGBackground\" src=\"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2018\/03\/FireflyLineDash.jpg\" alt=\"\" width=\"1507\" height=\"824\" \/><\/a>\n<h2>Polygons<\/h2>\nHere is a look at the Firefly polygon style. It is a glowing boundary with a faint fill, applied to these Mediterranean bathymetric zones, submitted for your approval...\n\n<a href=\"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2018\/03\/FireflyPoly.jpg\" target=\"_blank\"><img class=\"alignnone size-full wp-image-101905 noIMGBackground\" src=\"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2018\/03\/FireflyPoly.jpg\" alt=\"\" width=\"1507\" height=\"824\" \/><\/a>\n\nBut when you have adjacent polygons, which is often the case with human geography data, the glowing edges of the Firefly polygons can bleed into, or overlap, each other and sort of make a mess. So here is an alternate version of the polygon fill with only an <em>inner<\/em> glow, as evidenced by these hexbins of aggregated Chipotle locations...\n\n<a href=\"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2018\/03\/FireflyPolyInner.jpg\" target=\"_blank\"><img class=\"alignnone size-full wp-image-101906 noIMGBackground\" src=\"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2018\/03\/FireflyPolyInner.jpg\" alt=\"\" width=\"1507\" height=\"824\" \/><\/a>\n<h2>Basemaps<\/h2>\nAh, basemaps. When it comes to Firefly cartography, the basemap is a big player. A firefly basemap ought to be dark and nearly devoid of color. Conveniently, we have a <a href=\"https:\/\/livingatlas.arcgis.com\/en\/browse\/#s=0&amp;q=firefly&amp;md=basemap:111\" target=\"_blank\">Firefly global image service<\/a> that you can use as a basemap. If that's too busy, then I recommend Dark Gray Canvas vector tiles as an alternate.\n<h2>Thematics<\/h2>\nJust because there is a spectral set of colors available, please don't use all of them in a thematic map. The <a href=\"https:\/\/www.mathworks.com\/tagteam\/81137_92238v00_RainbowColorMap_57312.pdf\" target=\"_blank\">rainbow color scheme has lots of problems<\/a> for perception in scientific visualizations. I recommend using <strong>up to 6<\/strong> consecutive firefly colors if you are putting together a classed thematic map. Any more than that and you start to span into another dominant hue and perception diminishes.\n\n<a href=\"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2018\/03\/ColorThematic.jpg\" target=\"_blank\"><img class=\"alignnone size-full wp-image-101908 noIMGBackground\" src=\"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2018\/03\/ColorThematic.jpg\" alt=\"\" width=\"1507\" height=\"825\" \/><\/a>\n\nIf you need contrasting colors, the colors opposite each other on this wheel tend to be differentiated well. Of course be <a href=\"https:\/\/knightlab.northwestern.edu\/2016\/07\/18\/three-tools-to-help-you-make-colorblind-friendly-graphics\/\" target=\"_blank\">careful<\/a> to avoid colors that are particularly problematic for those with color-deficient vision.\n<h2>No Color<\/h2>\nDon't want a color but still want a glowy Firefly map? No worries; there is a non-colorized version of each symbol, just look at this map of top college football prospects, scaled by player size...\n\n<a href=\"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2018\/03\/FireflyShimmerWhite.jpg\" target=\"_blank\"><img class=\"alignnone size-full wp-image-101910 noIMGBackground\" src=\"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2018\/03\/FireflyShimmerWhite.jpg\" alt=\"\" width=\"1507\" height=\"824\" \/><\/a>\n\nHappy Firefly Mapping! <a href=\"https:\/\/twitter.com\/John_M_Nelson\" target=\"_blank\">John<\/a>","post_title":"Steal This Firefly Style Please","post_excerpt":"","post_status":"publish","comment_status":"closed","ping_status":"closed","post_password":"","post_name":"steal-this-firefly-style-please","to_ping":"","pinged":"","post_modified":"2018-05-30 16:40:08","post_modified_gmt":"2018-05-30 16:40:08","post_content_filtered":"","post_parent":0,"guid":"http:\/\/www.esri.com\/arcgis-blog\/products\/product\/uncategorized\/steal-this-firefly-style-please\/","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\/01\/earthquake-card.png","wide_image":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2020\/01\/earthquakes-banner.png"},"yoast_head":"<!-- This site is optimized with the Yoast SEO Premium plugin v25.9 (Yoast SEO v25.9) - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>An in depth 3D globe of earthquakes<\/title>\n<meta name=\"description\" content=\"Learn to create a 3D globe of earthquakes with exaggerated depth using ArcGIS API for JavaScript.\" \/>\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\/3d-gis\/3d-globe-earthquakes\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"An in depth 3D globe of earthquakes\" \/>\n<meta property=\"og:description\" content=\"Learn to create a 3D globe of earthquakes with exaggerated depth using ArcGIS API for JavaScript.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www.esri.com\/arcgis-blog\/products\/js-api-arcgis\/3d-gis\/3d-globe-earthquakes\" \/>\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=\"2020-06-17T13:17:38+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/www.esri.com\/arcgis-blog\/wp-content\/uploads\/2020\/01\/app-screenshot.png\" \/>\n\t<meta property=\"og:image:width\" content=\"1066\" \/>\n\t<meta property=\"og:image:height\" content=\"681\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/png\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:description\" content=\"Learn to create a 3D globe of earthquakes with exaggerated depth using ArcGIS API for JavaScript.\" \/>\n<meta name=\"twitter:image\" content=\"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2020\/01\/app-screenshot.png\" \/>\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\/3d-gis\/3d-globe-earthquakes#article\",\"isPartOf\":{\"@id\":\"https:\/\/www.esri.com\/arcgis-blog\/products\/js-api-arcgis\/3d-gis\/3d-globe-earthquakes\"},\"author\":{\"name\":\"Raluca Nicola\",\"@id\":\"https:\/\/www.esri.com\/arcgis-blog\/#\/schema\/person\/e8fe39abb687cde59f7f1296fbfb24a4\"},\"headline\":\"An in depth 3D globe of earthquakes\",\"datePublished\":\"2020-01-26T18:30:01+00:00\",\"dateModified\":\"2020-06-17T13:17:38+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\/\/www.esri.com\/arcgis-blog\/products\/js-api-arcgis\/3d-gis\/3d-globe-earthquakes\"},\"wordCount\":7,\"publisher\":{\"@id\":\"https:\/\/www.esri.com\/arcgis-blog\/#organization\"},\"keywords\":[\"3D\",\"earthquakes\",\"EsriRDZurich\",\"globe\"],\"articleSection\":[\"3D Visualization &amp; Analytics\"],\"inLanguage\":\"en-US\"},{\"@type\":\"WebPage\",\"@id\":\"https:\/\/www.esri.com\/arcgis-blog\/products\/js-api-arcgis\/3d-gis\/3d-globe-earthquakes\",\"url\":\"https:\/\/www.esri.com\/arcgis-blog\/products\/js-api-arcgis\/3d-gis\/3d-globe-earthquakes\",\"name\":\"An in depth 3D globe of earthquakes\",\"isPartOf\":{\"@id\":\"https:\/\/www.esri.com\/arcgis-blog\/#website\"},\"datePublished\":\"2020-01-26T18:30:01+00:00\",\"dateModified\":\"2020-06-17T13:17:38+00:00\",\"description\":\"Learn to create a 3D globe of earthquakes with exaggerated depth using ArcGIS API for JavaScript.\",\"breadcrumb\":{\"@id\":\"https:\/\/www.esri.com\/arcgis-blog\/products\/js-api-arcgis\/3d-gis\/3d-globe-earthquakes#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/www.esri.com\/arcgis-blog\/products\/js-api-arcgis\/3d-gis\/3d-globe-earthquakes\"]}]},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/www.esri.com\/arcgis-blog\/products\/js-api-arcgis\/3d-gis\/3d-globe-earthquakes#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/www.esri.com\/arcgis-blog\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"An in depth 3D globe of earthquakes\"}]},{\"@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\/e8fe39abb687cde59f7f1296fbfb24a4\",\"name\":\"Raluca Nicola\",\"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\/2018\/04\/7VkWXsZ3_400x400.jpg\",\"contentUrl\":\"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2018\/04\/7VkWXsZ3_400x400.jpg\",\"caption\":\"Raluca Nicola\"},\"description\":\"Raluca works as a web cartographer with the Geo Experience Center team at Esri. She loves to play around with web technologies and visualization styles. If she's not in front of the computer, she's probably somewhere up in the mountains.\",\"sameAs\":[\"https:\/\/raluca-nicola.net\/\",\"https:\/\/www.linkedin.com\/in\/raluca-nicola-cartography\/\",\"https:\/\/x.com\/nicolaraluk\"],\"url\":\"https:\/\/www.esri.com\/arcgis-blog\/author\/raluca_zurich\"}]}<\/script>\n<!-- \/ Yoast SEO Premium plugin. -->","yoast_head_json":{"title":"An in depth 3D globe of earthquakes","description":"Learn to create a 3D globe of earthquakes with exaggerated depth using ArcGIS API for JavaScript.","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\/3d-gis\/3d-globe-earthquakes","og_locale":"en_US","og_type":"article","og_title":"An in depth 3D globe of earthquakes","og_description":"Learn to create a 3D globe of earthquakes with exaggerated depth using ArcGIS API for JavaScript.","og_url":"https:\/\/www.esri.com\/arcgis-blog\/products\/js-api-arcgis\/3d-gis\/3d-globe-earthquakes","og_site_name":"ArcGIS Blog","article_publisher":"https:\/\/www.facebook.com\/esrigis\/","article_modified_time":"2020-06-17T13:17:38+00:00","og_image":[{"width":1066,"height":681,"url":"https:\/\/www.esri.com\/arcgis-blog\/wp-content\/uploads\/2020\/01\/app-screenshot.png","type":"image\/png"}],"twitter_card":"summary_large_image","twitter_description":"Learn to create a 3D globe of earthquakes with exaggerated depth using ArcGIS API for JavaScript.","twitter_image":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2020\/01\/app-screenshot.png","twitter_site":"@ESRI","schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":["Article","BlogPosting"],"@id":"https:\/\/www.esri.com\/arcgis-blog\/products\/js-api-arcgis\/3d-gis\/3d-globe-earthquakes#article","isPartOf":{"@id":"https:\/\/www.esri.com\/arcgis-blog\/products\/js-api-arcgis\/3d-gis\/3d-globe-earthquakes"},"author":{"name":"Raluca Nicola","@id":"https:\/\/www.esri.com\/arcgis-blog\/#\/schema\/person\/e8fe39abb687cde59f7f1296fbfb24a4"},"headline":"An in depth 3D globe of earthquakes","datePublished":"2020-01-26T18:30:01+00:00","dateModified":"2020-06-17T13:17:38+00:00","mainEntityOfPage":{"@id":"https:\/\/www.esri.com\/arcgis-blog\/products\/js-api-arcgis\/3d-gis\/3d-globe-earthquakes"},"wordCount":7,"publisher":{"@id":"https:\/\/www.esri.com\/arcgis-blog\/#organization"},"keywords":["3D","earthquakes","EsriRDZurich","globe"],"articleSection":["3D Visualization &amp; Analytics"],"inLanguage":"en-US"},{"@type":"WebPage","@id":"https:\/\/www.esri.com\/arcgis-blog\/products\/js-api-arcgis\/3d-gis\/3d-globe-earthquakes","url":"https:\/\/www.esri.com\/arcgis-blog\/products\/js-api-arcgis\/3d-gis\/3d-globe-earthquakes","name":"An in depth 3D globe of earthquakes","isPartOf":{"@id":"https:\/\/www.esri.com\/arcgis-blog\/#website"},"datePublished":"2020-01-26T18:30:01+00:00","dateModified":"2020-06-17T13:17:38+00:00","description":"Learn to create a 3D globe of earthquakes with exaggerated depth using ArcGIS API for JavaScript.","breadcrumb":{"@id":"https:\/\/www.esri.com\/arcgis-blog\/products\/js-api-arcgis\/3d-gis\/3d-globe-earthquakes#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.esri.com\/arcgis-blog\/products\/js-api-arcgis\/3d-gis\/3d-globe-earthquakes"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/www.esri.com\/arcgis-blog\/products\/js-api-arcgis\/3d-gis\/3d-globe-earthquakes#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/www.esri.com\/arcgis-blog\/"},{"@type":"ListItem","position":2,"name":"An in depth 3D globe of earthquakes"}]},{"@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\/e8fe39abb687cde59f7f1296fbfb24a4","name":"Raluca Nicola","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\/2018\/04\/7VkWXsZ3_400x400.jpg","contentUrl":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2018\/04\/7VkWXsZ3_400x400.jpg","caption":"Raluca Nicola"},"description":"Raluca works as a web cartographer with the Geo Experience Center team at Esri. She loves to play around with web technologies and visualization styles. If she's not in front of the computer, she's probably somewhere up in the mountains.","sameAs":["https:\/\/raluca-nicola.net\/","https:\/\/www.linkedin.com\/in\/raluca-nicola-cartography\/","https:\/\/x.com\/nicolaraluk"],"url":"https:\/\/www.esri.com\/arcgis-blog\/author\/raluca_zurich"}]}},"text_date":"January 26, 2020","author_name":"Raluca Nicola","author_page":"https:\/\/www.esri.com\/arcgis-blog\/author\/raluca_zurich","custom_image":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2020\/01\/earthquakes-banner.png","primary_product":"ArcGIS Maps SDK for JavaScript","tag_data":[{"term_id":25781,"name":"3D","slug":"3d","term_group":0,"term_taxonomy_id":25781,"taxonomy":"post_tag","description":"","parent":0,"count":342,"filter":"raw"},{"term_id":525722,"name":"earthquakes","slug":"earthquakes","term_group":0,"term_taxonomy_id":525722,"taxonomy":"post_tag","description":"","parent":0,"count":3,"filter":"raw"},{"term_id":549072,"name":"EsriRDZurich","slug":"esrirdzurich","term_group":0,"term_taxonomy_id":549072,"taxonomy":"post_tag","description":"","parent":0,"count":96,"filter":"raw"},{"term_id":32501,"name":"globe","slug":"globe","term_group":0,"term_taxonomy_id":32501,"taxonomy":"post_tag","description":"","parent":0,"count":16,"filter":"raw"}],"category_data":[{"term_id":23771,"name":"3D Visualization &amp; Analytics","slug":"3d-gis","term_group":0,"term_taxonomy_id":23771,"taxonomy":"category","description":"","parent":0,"count":687,"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":363,"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\/711382","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\/7011"}],"replies":[{"embeddable":true,"href":"https:\/\/www.esri.com\/arcgis-blog\/wp-json\/wp\/v2\/comments?post=711382"}],"version-history":[{"count":0,"href":"https:\/\/www.esri.com\/arcgis-blog\/wp-json\/wp\/v2\/blog\/711382\/revisions"}],"wp:attachment":[{"href":"https:\/\/www.esri.com\/arcgis-blog\/wp-json\/wp\/v2\/media?parent=711382"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.esri.com\/arcgis-blog\/wp-json\/wp\/v2\/categories?post=711382"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.esri.com\/arcgis-blog\/wp-json\/wp\/v2\/tags?post=711382"},{"taxonomy":"industry","embeddable":true,"href":"https:\/\/www.esri.com\/arcgis-blog\/wp-json\/wp\/v2\/industry?post=711382"},{"taxonomy":"product","embeddable":true,"href":"https:\/\/www.esri.com\/arcgis-blog\/wp-json\/wp\/v2\/product?post=711382"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}