{"id":78451,"date":"2017-07-14T03:31:00","date_gmt":"2017-07-14T03:31:00","guid":{"rendered":"http:\/\/www.esri.com\/arcgis-blog\/products\/product\/uncategorized\/manhattan-skyscraper-explorer-when-open-data-and-arcgis-api-for-javascript-meet\/"},"modified":"2020-01-29T01:52:24","modified_gmt":"2020-01-29T09:52:24","slug":"manhattan-skyscraper-explorer-when-open-data-and-arcgis-api-for-javascript-meet","status":"publish","type":"blog","link":"https:\/\/www.esri.com\/arcgis-blog\/products\/3d-gis\/3d-gis\/manhattan-skyscraper-explorer-when-open-data-and-arcgis-api-for-javascript-meet","title":{"rendered":"Manhattan Skyscraper Explorer \u2013 when Open Data and ArcGIS API for JavaScript meet"},"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,22941],"tags":[25781,549072,24921,27491,26221],"industry":[],"product":[36831,36551,36601],"class_list":["post-78451","blog","type-blog","status-publish","format-standard","hentry","category-3d-gis","category-mapping","tag-3d","tag-esrirdzurich","tag-javascript","tag-jsapi4","tag-open-data","product-js-api-arcgis","product-arcgis-online","product-developers"],"acf":{"short_description":"Open data is an awesome thing nowadays. It's amazing how many organizations publish their data to allow citizens to learn more about the ...","flexible_content":[{"acf_fc_layout":"content","content":"<p>Open data is an awesome thing nowadays. It&#8217;s amazing how many organizations publish their data to allow citizens to learn more about the city they live in. Examples of such datasets are the <a href=\"http:\/\/www1.nyc.gov\/site\/doitt\/initiatives\/3d-building.page\" target=\"_blank\" rel=\"noopener\">New York 3D city model<\/a> and the\u00a0<a href=\"https:\/\/data.cityofnewyork.us\/Housing-Development\/Building-Footprints\/nqwf-w8eh\/data\" target=\"_blank\" rel=\"noopener\">Housing Information<\/a>\u00a0published by the <a href=\"http:\/\/www1.nyc.gov\/site\/doitt\/index.page\" target=\"_blank\" rel=\"noopener\">New York City Department of Information Technology and Telecommunications<\/a>. However, to get to explore New York buildings, users should have access to the software that reads and visualizes the 3D models, which is often not the case. Therefore, building a web application based on such data seems like a natural solution to empower citizens and people around the world to find out more about the buildings in New York.<\/p>\n<p>This was also my goal when I started building the Manhattan Skyscraper Explorer. I focused on Manhattan, because I was mostly interested in the highest and most popular buildings in New York: when were they built? how tall are they? what do they look like? what are they currently used for?<\/p>\n<p>I built an <a title=\"Manhattan skyscraper explorer\" href=\"https:\/\/esri.github.io\/Manhattan-skyscraper-explorer\/\">application<\/a> looking for answers to these questions using <a href=\"https:\/\/developers.arcgis.com\/javascript\/\">ArcGIS API for JavaScript.<\/a> All the <a href=\"https:\/\/developers.arcgis.com\/javascript\/latest\/guide\/release-notes\/index.html\">new features<\/a> in version 4.4 contributed to making this a really fun to use and intuitive app. <img loading=\"lazy\" decoding=\"async\" class=\"aligncenter size-full wp-image-83475\" src=\"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2017\/07\/Manhattan-skyscraper-explorer.png\" alt=\"\" width=\"1200\" height=\"810\" \/><\/p>\n<p style=\"text-align: center;\"><a title=\"Manhattan skyscraper explorer\" href=\"https:\/\/esri.github.io\/Manhattan-skyscraper-explorer\/\" target=\"_blank\" rel=\"noopener\">View the live application<\/a><\/p>\n<p>I started by coloring the buildings based on the time period they were built in. This way I could identify the areas with newer or older buildings, discover which buildings were built in the same period or see that in some neighbourhoods like Soho most of the buildings were built before 1925. Then I was curious to correlate construction year and height, so I built a timeline with Y axis representing the height. In this timeline each building is a circle with the color given by the construction period. It was interesting to confirm that fewer skyscrapers were built during the Great Depression and almost none during World War II.<\/p>\n<p><a href=\"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2017\/07\/application1.png\"><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter size-full wp-image-83482\" src=\"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2017\/07\/application1.png\" alt=\"\" width=\"1200\" height=\"800\" \/><\/a><br \/>\nThe timeline is connected to the map: if a user selects a building on the map, the corresponding element will be highlighted in the timeline. If a user selects a building in the timeline then the app will zoom to that building and display more information about it. <a href=\"http:\/\/developers.arcgis.com\/javascript\/latest\/api-reference\/esri-views-layers-SceneLayerView.html#highlight\">Highlighting<\/a> is a new functionality in the version 4.4 of the JavaScript API. <a href=\"http:\/\/developers.arcgis.com\/javascript\/latest\/sample-code\/highlight-scenelayer\/index.html\">Here<\/a> is a basic example on how it works.<\/p>\n<p>Immediately spotting the tallest buildings on a 3D map is not straightforward. That&#8217;s why I added a filter to the SceneLayer that would allow me to only display buildings that exceed a certain height. Let&#8217;s say for example I&#8217;m only interested in buildings above 500 feet. Filtering out buildings below 500 feet leaves only skyscrapers in Lower and Midtown Manhattan.<\/p>\n<p><a href=\"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2017\/07\/Manhattan-skyscraper-explorer-filter.png\"><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter size-full wp-image-83483\" src=\"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2017\/07\/Manhattan-skyscraper-explorer-filter.png\" alt=\"\" width=\"1200\" height=\"800\" \/><\/a><a href=\"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2017\/07\/Manhattan-skyscraper-explorer-filter.png\"><br \/>\n<\/a> You can filter features in a <a href=\"http:\/\/developers.arcgis.com\/javascript\/latest\/api-reference\/esri-layers-FeatureLayer.html\">FeatureLayer<\/a> or a <a href=\"http:\/\/developers.arcgis.com\/javascript\/latest\/api-reference\/esri-layers-SceneLayer.html\">SceneLayer<\/a> by using <a href=\"http:\/\/developers.arcgis.com\/javascript\/latest\/api-reference\/esri-layers-FeatureLayer.html#definitionExpression\">definitionExpression<\/a>. <a href=\"http:\/\/developers.arcgis.com\/javascript\/latest\/sample-code\/layers-scenelayer-filter-query\/index.html\">Here<\/a> is a sample on how it works.<\/p>\n<p>Although the original dataset was enriched with attributes like building name, construction year and building height, I was curious about some more information like what&#8217;s the current use or how does it look like. That&#8217;s why I decided to use the Wikipedia API (called <a href=\"https:\/\/www.mediawiki.org\/wiki\/API:Main_page\">MediaWiki<\/a>) and the <a href=\"https:\/\/www.flickr.com\/services\/api\/\">Flickr API<\/a>. Most of the skyscrapers are very famous and have their own Wikipedia page, so I used MediaWiki to search for it and get the abstract of the page. Not all the buildings have a Wikipedia article so I wanted to mark the buildings that have such information. That&#8217;s why I added an extra point layer with information icons that show which buildings have extra information. The problem was that these icons were hidden by the buildings and were overlapping quite a lot. I used several new features, among which the relative-to-scene <a href=\"https:\/\/developers.arcgis.com\/javascript\/latest\/api-reference\/esri-layers-FeatureLayer.html#elevationInfo\">elevationInfo<\/a> mode and <a href=\"https:\/\/developers.arcgis.com\/javascript\/latest\/api-reference\/esri-layers-FeatureLayer.html#featureReduction\">featureReduction<\/a> to solve these problems. For more information about styling points in a city, have a look at this <a href=\"http:\/\/developers.arcgis.com\/javascript\/latest\/sample-code\/visualization-point-styles\/index.html\">sample<\/a>.<\/p>\n<p>I was pretty happy with the result so far, but realized that I needed to add more tools to help users easily find the buildings and orient themselves on the map. In a first phase I decided to add the names of the most important negihbourhoods in Manhattan. Adding labels on a 3D map can be tricky because from most angles they will end up being hidden by buildings. One solution is to set a <a href=\"http:\/\/developers.arcgis.com\/javascript\/latest\/api-reference\/esri-symbols-PointSymbol3D.html#verticalOffset\">vertical offset<\/a>\u00a0to lift them up and add a <a href=\"http:\/\/developers.arcgis.com\/javascript\/latest\/api-reference\/esri-symbols-PointSymbol3D.html#callout\">line callout<\/a> to make sure the location of the label is still clear to the user.<\/p>\n<p><a href=\"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2017\/07\/Manhattan-skyscraper-explorer-point-style.png\"><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter size-full wp-image-83484\" src=\"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2017\/07\/Manhattan-skyscraper-explorer-point-style.png\" alt=\"\" width=\"1200\" height=\"800\" \/><\/a><a href=\"http:\/\/musial.esri.com\/blog\/wp-content\/uploads\/2017\/07\/application-3.png\"><br \/>\n<\/a> Another very useful feature is the search functionality. Finding the Empire State Building just by looking at the map can be very difficult for users that are not familiar with Manhattan, so searching by name is what most people would do. So I added the search widget and set the feature layer with the buildings as the source. <a href=\"http:\/\/developers.arcgis.com\/javascript\/latest\/sample-code\/widgets-search-3d\/index.html\">Here<\/a> is a sample that explains how to do that.<\/p>\n<p>You can see the live application\u00a0<a title=\"Manhattan skyscraper explorer\" href=\"https:\/\/esri.github.io\/Manhattan-skyscraper-explorer\/\">here<\/a>. In case you are curious to know more details about a specific implementation process of this app, write it down in the comments below and I&#8217;ll follow up with a more detailed blog post.<\/p>\n<p>Happy 3D mapping!<\/p>\n<p>Raluca<\/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":"","card_image":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2017\/07\/skyscraper.png","wide_image":false},"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>Manhattan Skyscraper Explorer \u2013 when Open Data and ArcGIS API for JavaScript meet<\/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\/3d-gis\/3d-gis\/manhattan-skyscraper-explorer-when-open-data-and-arcgis-api-for-javascript-meet\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Manhattan Skyscraper Explorer \u2013 when Open Data and ArcGIS API for JavaScript meet\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www.esri.com\/arcgis-blog\/products\/3d-gis\/3d-gis\/manhattan-skyscraper-explorer-when-open-data-and-arcgis-api-for-javascript-meet\" \/>\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-01-29T09:52:24+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\/3d-gis\/3d-gis\/manhattan-skyscraper-explorer-when-open-data-and-arcgis-api-for-javascript-meet#article\",\"isPartOf\":{\"@id\":\"https:\/\/www.esri.com\/arcgis-blog\/products\/3d-gis\/3d-gis\/manhattan-skyscraper-explorer-when-open-data-and-arcgis-api-for-javascript-meet\"},\"author\":{\"name\":\"Raluca Nicola\",\"@id\":\"https:\/\/www.esri.com\/arcgis-blog\/#\/schema\/person\/e8fe39abb687cde59f7f1296fbfb24a4\"},\"headline\":\"Manhattan Skyscraper Explorer \u2013 when Open Data and ArcGIS API for JavaScript meet\",\"datePublished\":\"2017-07-14T03:31:00+00:00\",\"dateModified\":\"2020-01-29T09:52:24+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\/\/www.esri.com\/arcgis-blog\/products\/3d-gis\/3d-gis\/manhattan-skyscraper-explorer-when-open-data-and-arcgis-api-for-javascript-meet\"},\"wordCount\":12,\"publisher\":{\"@id\":\"https:\/\/www.esri.com\/arcgis-blog\/#organization\"},\"keywords\":[\"3D\",\"EsriRDZurich\",\"JavaScript\",\"jsapi4\",\"open data\"],\"articleSection\":[\"3D Visualization &amp; Analytics\",\"Mapping\"],\"inLanguage\":\"en-US\"},{\"@type\":\"WebPage\",\"@id\":\"https:\/\/www.esri.com\/arcgis-blog\/products\/3d-gis\/3d-gis\/manhattan-skyscraper-explorer-when-open-data-and-arcgis-api-for-javascript-meet\",\"url\":\"https:\/\/www.esri.com\/arcgis-blog\/products\/3d-gis\/3d-gis\/manhattan-skyscraper-explorer-when-open-data-and-arcgis-api-for-javascript-meet\",\"name\":\"Manhattan Skyscraper Explorer \u2013 when Open Data and ArcGIS API for JavaScript meet\",\"isPartOf\":{\"@id\":\"https:\/\/www.esri.com\/arcgis-blog\/#website\"},\"datePublished\":\"2017-07-14T03:31:00+00:00\",\"dateModified\":\"2020-01-29T09:52:24+00:00\",\"breadcrumb\":{\"@id\":\"https:\/\/www.esri.com\/arcgis-blog\/products\/3d-gis\/3d-gis\/manhattan-skyscraper-explorer-when-open-data-and-arcgis-api-for-javascript-meet#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/www.esri.com\/arcgis-blog\/products\/3d-gis\/3d-gis\/manhattan-skyscraper-explorer-when-open-data-and-arcgis-api-for-javascript-meet\"]}]},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/www.esri.com\/arcgis-blog\/products\/3d-gis\/3d-gis\/manhattan-skyscraper-explorer-when-open-data-and-arcgis-api-for-javascript-meet#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/www.esri.com\/arcgis-blog\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Manhattan Skyscraper Explorer \u2013 when Open Data and ArcGIS API for JavaScript meet\"}]},{\"@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":"Manhattan Skyscraper Explorer \u2013 when Open Data and ArcGIS API for JavaScript meet","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\/3d-gis\/3d-gis\/manhattan-skyscraper-explorer-when-open-data-and-arcgis-api-for-javascript-meet","og_locale":"en_US","og_type":"article","og_title":"Manhattan Skyscraper Explorer \u2013 when Open Data and ArcGIS API for JavaScript meet","og_url":"https:\/\/www.esri.com\/arcgis-blog\/products\/3d-gis\/3d-gis\/manhattan-skyscraper-explorer-when-open-data-and-arcgis-api-for-javascript-meet","og_site_name":"ArcGIS Blog","article_publisher":"https:\/\/www.facebook.com\/esrigis\/","article_modified_time":"2020-01-29T09:52:24+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\/3d-gis\/3d-gis\/manhattan-skyscraper-explorer-when-open-data-and-arcgis-api-for-javascript-meet#article","isPartOf":{"@id":"https:\/\/www.esri.com\/arcgis-blog\/products\/3d-gis\/3d-gis\/manhattan-skyscraper-explorer-when-open-data-and-arcgis-api-for-javascript-meet"},"author":{"name":"Raluca Nicola","@id":"https:\/\/www.esri.com\/arcgis-blog\/#\/schema\/person\/e8fe39abb687cde59f7f1296fbfb24a4"},"headline":"Manhattan Skyscraper Explorer \u2013 when Open Data and ArcGIS API for JavaScript meet","datePublished":"2017-07-14T03:31:00+00:00","dateModified":"2020-01-29T09:52:24+00:00","mainEntityOfPage":{"@id":"https:\/\/www.esri.com\/arcgis-blog\/products\/3d-gis\/3d-gis\/manhattan-skyscraper-explorer-when-open-data-and-arcgis-api-for-javascript-meet"},"wordCount":12,"publisher":{"@id":"https:\/\/www.esri.com\/arcgis-blog\/#organization"},"keywords":["3D","EsriRDZurich","JavaScript","jsapi4","open data"],"articleSection":["3D Visualization &amp; Analytics","Mapping"],"inLanguage":"en-US"},{"@type":"WebPage","@id":"https:\/\/www.esri.com\/arcgis-blog\/products\/3d-gis\/3d-gis\/manhattan-skyscraper-explorer-when-open-data-and-arcgis-api-for-javascript-meet","url":"https:\/\/www.esri.com\/arcgis-blog\/products\/3d-gis\/3d-gis\/manhattan-skyscraper-explorer-when-open-data-and-arcgis-api-for-javascript-meet","name":"Manhattan Skyscraper Explorer \u2013 when Open Data and ArcGIS API for JavaScript meet","isPartOf":{"@id":"https:\/\/www.esri.com\/arcgis-blog\/#website"},"datePublished":"2017-07-14T03:31:00+00:00","dateModified":"2020-01-29T09:52:24+00:00","breadcrumb":{"@id":"https:\/\/www.esri.com\/arcgis-blog\/products\/3d-gis\/3d-gis\/manhattan-skyscraper-explorer-when-open-data-and-arcgis-api-for-javascript-meet#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.esri.com\/arcgis-blog\/products\/3d-gis\/3d-gis\/manhattan-skyscraper-explorer-when-open-data-and-arcgis-api-for-javascript-meet"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/www.esri.com\/arcgis-blog\/products\/3d-gis\/3d-gis\/manhattan-skyscraper-explorer-when-open-data-and-arcgis-api-for-javascript-meet#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/www.esri.com\/arcgis-blog\/"},{"@type":"ListItem","position":2,"name":"Manhattan Skyscraper Explorer \u2013 when Open Data and ArcGIS API for JavaScript meet"}]},{"@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":"July 14, 2017","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\/2025\/08\/Newsroom-Keyart-Wide-1920-x-1080.jpg","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":549072,"name":"EsriRDZurich","slug":"esrirdzurich","term_group":0,"term_taxonomy_id":549072,"taxonomy":"post_tag","description":"","parent":0,"count":96,"filter":"raw"},{"term_id":24921,"name":"JavaScript","slug":"javascript","term_group":0,"term_taxonomy_id":24921,"taxonomy":"post_tag","description":"","parent":0,"count":151,"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":26221,"name":"open data","slug":"open-data","term_group":0,"term_taxonomy_id":26221,"taxonomy":"post_tag","description":"","parent":0,"count":218,"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":692,"filter":"raw"},{"term_id":22941,"name":"Mapping","slug":"mapping","term_group":0,"term_taxonomy_id":22941,"taxonomy":"category","description":"","parent":0,"count":2693,"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"},{"term_id":36551,"name":"ArcGIS Online","slug":"arcgis-online","term_group":0,"term_taxonomy_id":36551,"taxonomy":"product","description":"","parent":0,"count":2430,"filter":"raw"},{"term_id":36601,"name":"Developers","slug":"developers","term_group":0,"term_taxonomy_id":36601,"taxonomy":"product","description":"","parent":0,"count":765,"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\/78451","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=78451"}],"version-history":[{"count":0,"href":"https:\/\/www.esri.com\/arcgis-blog\/wp-json\/wp\/v2\/blog\/78451\/revisions"}],"wp:attachment":[{"href":"https:\/\/www.esri.com\/arcgis-blog\/wp-json\/wp\/v2\/media?parent=78451"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.esri.com\/arcgis-blog\/wp-json\/wp\/v2\/categories?post=78451"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.esri.com\/arcgis-blog\/wp-json\/wp\/v2\/tags?post=78451"},{"taxonomy":"industry","embeddable":true,"href":"https:\/\/www.esri.com\/arcgis-blog\/wp-json\/wp\/v2\/industry?post=78451"},{"taxonomy":"product","embeddable":true,"href":"https:\/\/www.esri.com\/arcgis-blog\/wp-json\/wp\/v2\/product?post=78451"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}