View the live app: San Francisco sketch

View the live app: Berlin Palace

Data provided by Berlin's Senatsverwaltung für Stadtentwicklung und Wohnen and processed in CityEngine by Stefan Arisona in this project. Link to the license for using the data

View the live app: Earthquakes

Data from USGS.

View the live app: WebScene Photobooth

Add your own webscene in the webscene url parameters https://ralucanicola.github.io/JSAPI_demos/webscene-photobooth/index.html?webscene=0614ea1f9dd043e9ba157b9c20d3c538.

This app uses the screenshot API to take a screenshot of a webscene and apply some filters on it. The filters were created by Joel Besada in the JSManipulate library. The icons are from FontAwesome.

View the live app:

Largest cities in 3D - local scene

Largest cities in 3D - global scene

This app came about by playing around with 3D symbols on a map for Noah's blog post on visualizing MapImageLayers in 3D.

View the live app: World population

Original Data:

Gridded Population of the World, Version 4 (GPWv4) Population Count, Revision 10 consists of estimates of human population (number of persons per pixel), consistent with national censuses and population registers. The data files were produced as global rasters at 30 arc-second (~1 km at the equator) resolution. This dataset was aggregated to a resolution of ~110km at the equator. The resulting raster was converted to a point dataset. Read more about the data on SEDAC website.

Raw data

View the live app: World population in 2020

Original Data:

Gridded Population of the World, Version 4 (GPWv4) Population Count, Revision 10 consists of estimates of human population (number of persons per pixel), consistent with national censuses and population registers. The data files were produced as global rasters at 30 arc-second (~1 km at the equator) resolution. This dataset was aggregated to a resolution of ~110km at the equator. The resulting raster was converted to a point dataset. Read more about the data on SEDAC website.

Raw data

View the live app: World globe by Giovanni Cassini

Original Data: World Globe scanned, georeferenced and published by David Rumsey Map Collection

My contribution was minimal in this app, I only display the published layer using ArcGIS API for JavaScript. Read more about how the map was brought into digital form here.

View the live app: World's biggest cities

View a tutorial on how to built this app: Tutorial

Technologies used:

• SceneViewer for creating the inital webscene
• ArcGIS API for JavaScript for creating the app

Original Data: Cities and countries feature layers from the Living Atlas.

View the live app: Urban development

Technologies used:

• CityEngine for creating and publishing the data
• SceneViewer for creating the inital webscene
• ArcGIS API for JavaScript for creating the app

Data: Original data created and published by Nik Davis and Devin Lavigne. © Houseal Lavigne Associates, LLC.

Orange buildings represent urban projects in development

View the live app: Urban development

Technologies used:

• ArcGIS Pro & CityEngine for publishing the data
• SceneViewer for creating the webscene
• ArcGIS API for JavaScript for creating the app

Original data:

• Boston Planning and Development Agency (BPDA) 3D building models

View the live app: San Francisco public transport transit time

Technologies used:

• ArcGIS Pro for processing and publishing the data
• ArcGIS API for JavaScript for creating the app

Displaying Malta's elevation only using contour lines.

View the live app: Malta in contour lines

Technologies used:

• ArcGIS Pro for publishing the contour lines
• ArcGIS API for JavaScript for data visualization

Data:

• contour lines from OpenDEM.

View the live app: Indicity

Technologies used:

• ArcGIS Pro for publishing the data
• SceneViewer for creating the webscene
• ArcGIS API for JavaScript for creating the app

Original data:

• NYC Open Data - Art Galleries provided by DoITT
• NYC building data provided by DoITT

This app displays two scenes and allows user to switch between them by swiping.

View the live app: Scene Swiper

Technologies used:

• ArcGIS Pro for publishing the webscenes
• ArcGIS API for JavaScript for data visualizations

This app shows Christmas traditions in different countries around the world.

View the live app: Fun Christmas facts

Technologies used:

• Blender for creating the 3D models 🎁
• ArcGIS Pro for publishing the models as webstyles
• Inkscape for creating the illustrations
• ArcGIS API for JavaScript for data visualization
• Redux for app state management

Original data:

• Christmas vector tile layer by esri
• Country location data: Google public data published under CC BY 3.0
• Text data from www.whychristmas.com
• Various sources for images mentioned in the popup.

I found a dataset on art galleries in New York and thought it would be fun to map it. Here's what came out of it:

Read the blog post: ArcGIS Blog

View the live app: Art galleries in New York

Technologies used:

• ArcGIS Pro for data processing and publishing
• ArcGIS API for JavaScript for data visualization

Original data:

• NYC Open Data - Art Galleries provided by DoITT
• NYC building data provided by DoITT
• Watercolor basemap provided by Stamen Design