Samples
![3D icon rotation](/javascript/latest/static/e31cb95d52ff596ef098ea50473615d9/6e1f3/thumbnail.png)
3D icon rotation
![Intro to SceneLayer](/javascript/latest/static/cf67aad9a4b3dbf2b207832288c21da3/6e1f3/thumbnail.png)
Intro to SceneLayer
![Add edges to a SceneLayer](/javascript/latest/static/0bcd8d58700454e09d79368a0c76121a/6e1f3/thumbnail.png)
Add edges to a SceneLayer
![Flat vs. volumetric 3D symbol layers](/javascript/latest/static/a4bae423b02518870760efa10bf461ef/6e1f3/thumbnail.png)
Flat vs. volumetric 3D symbol layers
![SceneLayer filter and query](/javascript/latest/static/96d8b5f55cc74615842c87ea48c62f0d/6e1f3/thumbnail.png)
SceneLayer filter and query
![SceneLayerView - query statistics by geometry](/javascript/latest/static/9acdd7b835d00b26f82a72b03d24129b/6e1f3/thumbnail.png)
SceneLayerView - query statistics by geometry
![Query client-side 3D extents](/javascript/latest/static/234ada1a6763aaf4e7bfc23e39b9c5d6/6e1f3/thumbnail.png)
Query client-side 3D extents
![Highlight SceneLayer](/javascript/latest/static/65d807ff6809bd6d4263f0b1bd8b7d4f/6e1f3/thumbnail.png)
Highlight SceneLayer
![IntegratedMesh3DTilesLayer](/javascript/latest/static/307fea9783a962a845ce404a06ec0cf7/6e1f3/thumbnail.png)
IntegratedMesh3DTilesLayer
![Realistic buildings with SceneLayer](/javascript/latest/static/cbbc9d7d9f44ced6949c2248abaad96c/6e1f3/thumbnail.png)
Realistic buildings with SceneLayer
![Coloring options for textured buildings](/javascript/latest/static/c808a7ef2d8fe5d6951b255a360cbd52/6e1f3/thumbnail.png)
Coloring options for textured buildings
![SceneLayer attribute editing](/javascript/latest/static/3ecfb112d8e0099b7f89807a931f3921/6e1f3/thumbnail.png)
SceneLayer attribute editing
![Filter SceneLayer with FeatureFilter](/javascript/latest/static/7116441f1967b442115395217717d890/6e1f3/thumbnail.png)
Filter SceneLayer with FeatureFilter
![Editing with coordinate inputs](/javascript/latest/static/976bf0fd534bc95d104d50396082b077/6e1f3/thumbnail.png)
Editing with coordinate inputs
![3D hiking map with line patterns](/javascript/latest/static/a57f04aeae9166376b4c40491ff800cd/6e1f3/thumbnail.png)
3D hiking map with line patterns
![SceneLayer upload 3D models and applyEdits](/javascript/latest/static/2545ce9a352bd88a08e929c70fffa406/6e1f3/thumbnail.png)
SceneLayer upload 3D models and applyEdits
![Realistic WebStyleSymbols](/javascript/latest/static/e9616ad62387c0297d5c1290ff3bca9c/6e1f3/thumbnail.png)
Realistic WebStyleSymbols
![Low poly terrain using mesh geometry](/javascript/latest/static/d74b4db1d8ea0565efec6f8c4c0b63ba/6e1f3/thumbnail.png)
Low poly terrain using mesh geometry
![Using callout lines with labels](/javascript/latest/static/a394c957b07891d140433691f5779603/6e1f3/thumbnail.png)
Using callout lines with labels
![Point styles for cities](/javascript/latest/static/8c119175a41f167fd73823f8a9bb2d5b/6e1f3/thumbnail.png)
Point styles for cities
![Create a local scene](/javascript/latest/static/92829cb743912aa15dbb2dc2c8351619/6e1f3/thumbnail.png)
Create a local scene
![Sketch in 3D](/javascript/latest/static/5973fb74ba804b1a8d59cb602958370a/6e1f3/thumbnail.png)
Sketch in 3D
![Path visualization in 3D](/javascript/latest/static/0b25c5b0771be8f3865ac3d990694cb1/6e1f3/thumbnail.png)
Path visualization in 3D
![Intro to CSVLayer](/javascript/latest/static/65652221d432a9039b20ad384a3b3b75/6e1f3/thumbnail.png)
Intro to CSVLayer
![Scene Layer with point geometries](/javascript/latest/static/08a7c3787aeb84468f9ad6dd047a78ad/6e1f3/thumbnail.png)
Scene Layer with point geometries
![Thematic visualization with realistic 3D symbols](/javascript/latest/static/4399c4f8425b728c015a17bb62d4b086/6e1f3/thumbnail.png)
Thematic visualization with realistic 3D symbols
![Query](/javascript/latest/static/9ef7952ea75c9329238689a1042ff7db/6e1f3/thumbnail.png)
Query
![Thematic multivariate visualization (3D)](/javascript/latest/static/2c76066f17a079907acb54c639c658b9/6e1f3/thumbnail.png)
Thematic multivariate visualization (3D)
![Import glTF 3D Models](/javascript/latest/static/75fda3d40723ea9e7fb28b39272fa197/6e1f3/thumbnail.png)
Import glTF 3D Models
![SceneView - visibleArea](/javascript/latest/static/66720b9750969e01a86f87ab0320b35b/6e1f3/thumbnail.png)
SceneView - visibleArea
![Query Elevation (points)](/javascript/latest/static/e78c98df3d16890b3ea0f03963ec1b87/6e1f3/thumbnail.png)
Query Elevation (points)
![Realistic water visualization in 3D](/javascript/latest/static/49fb4dfe2c2b38316a101b421a9f6e82/6e1f3/thumbnail.png)
Realistic water visualization in 3D
![Urban visualizations with polygon patterns](/javascript/latest/static/026289ea3b45f7925a78f0851eb1c84f/6e1f3/thumbnail.png)
Urban visualizations with polygon patterns
![Highlight point features](/javascript/latest/static/6ac0a39aa16ecbf3dedd9deaec958407/6e1f3/thumbnail.png)
Highlight point features
![Configuring the popup of a VoxelLayer](/javascript/latest/static/41a484a3d59a68b086cb1a706d9b9a17/6e1f3/thumbnail.png)
Configuring the popup of a VoxelLayer
![LayerList component](/javascript/latest/static/c0bb6a892f856de20cebd0f92dd688da/6e1f3/thumbnail.png)
LayerList component
![Custom RenderNode - Cross-fade slide transition](/javascript/latest/static/226fd6754282dc74313b5d7acc7b41fa/6e1f3/thumbnail.png)
Custom RenderNode - Cross-fade slide transition
![ElevationProfile Widget](/javascript/latest/static/96ee3c98101293be8d05eb2b4edd17ec/6e1f3/thumbnail.png)
ElevationProfile Widget
![CoordinateConversion widget - Custom Formats](/javascript/latest/static/f5bf96664e48643f0c1bf45a89095f98/6e1f3/thumbnail.png)
CoordinateConversion widget - Custom Formats
![FloorFilter widget](/javascript/latest/static/a6586f3670453154260f901948ff7a36/6e1f3/thumbnail.png)
FloorFilter widget
![Label features using Arcade expressions](/javascript/latest/static/81b8b15b14b918ca3aa37ee73dffd004/6e1f3/thumbnail.png)
Label features using Arcade expressions
![Search Widget](/javascript/latest/static/1b506a5c85acf17fa731ffacd7fdc119/6e1f3/thumbnail.png)
Search Widget
![Filter SceneLayer with SceneFilter](/javascript/latest/static/2a2f8342f53a48a6d5759fbbb7e2a43b/6e1f3/thumbnail.png)
Filter SceneLayer with SceneFilter
![Custom Basemap](/javascript/latest/static/5cfa58340651b28a2ce2866c5e4e6cd4/6e1f3/thumbnail.png)
Custom Basemap
![VoxelLayer with discrete variable](/javascript/latest/static/6ac1ca9831fada522f179b86f6e8cb2b/6e1f3/thumbnail.png)
VoxelLayer with discrete variable
![Length dimensioning](/javascript/latest/static/ed9e19c69ee1a7e2f7bdce04bbaccbe0/6e1f3/thumbnail.png)
Length dimensioning
![SceneView - shadow and lighting settings](/javascript/latest/static/bfd47e80945b063c5a071772e412e30e/6e1f3/thumbnail.png)
SceneView - shadow and lighting settings
![Custom ElevationLayer - Exaggerating elevation](/javascript/latest/static/581683fb7abc40484613d9168746e8f9/6e1f3/thumbnail.png)
Custom ElevationLayer - Exaggerating elevation
![Visualize points in a scene with a heatmap](/javascript/latest/static/faaa49a9b405c3ccc0dbbeecc2c70bd5/6e1f3/thumbnail.png)
Visualize points in a scene with a heatmap
![Responsive widgets](/javascript/latest/static/b2dd677d1b981bcb098b539ee336e753/6e1f3/thumbnail.png)
Responsive widgets
![Custom RenderNode - Color modification](/javascript/latest/static/42cfc727bdb42901f38369f86ab4f095/6e1f3/thumbnail.png)
Custom RenderNode - Color modification
![IntegratedMeshLayer](/javascript/latest/static/530ab0fbe48852730f973d49c1db1fb6/6e1f3/thumbnail.png)
IntegratedMeshLayer
![PointCloudLayer - change point size and density](/javascript/latest/static/84c7d5db2aae15ffdb2587a3f2c43e24/6e1f3/thumbnail.png)
PointCloudLayer - change point size and density
![BasemapGallery widget](/javascript/latest/static/b133d988f139bdac8d6d45ee9581b16e/6e1f3/thumbnail.png)
BasemapGallery widget
![Zoom to extent of all features](/javascript/latest/static/d0855aa347cc17735d6e523a2a8afc5f/6e1f3/thumbnail.png)
Zoom to extent of all features
![VoxelLayer and time](/javascript/latest/static/6fecd3f5990dabb3d9cbe9f7e673790d/6e1f3/thumbnail.png)
VoxelLayer and time
![Web scene - slide tour](/javascript/latest/static/c43aea99dba8d05f53ee6ecdf599127e/6e1f3/thumbnail.png)
Web scene - slide tour
![Save a web scene](/javascript/latest/static/da45503fd73b0b9ab6c0743aeb11d53a/6e1f3/thumbnail.png)
Save a web scene
![Event explorer / watch properties](/javascript/latest/static/86916488c6616a199b2c633f8ada3204/6e1f3/thumbnail.png)
Event explorer / watch properties
![Custom background for SceneView](/javascript/latest/static/652ff352c98145040ee4ffaf3bd98afb/6e1f3/thumbnail.png)
Custom background for SceneView
![Take a screenshot of a SceneView](/javascript/latest/static/529ed938a68dc8dd08ba4e4b520d4bf5/6e1f3/thumbnail.png)
Take a screenshot of a SceneView
![Color theming for interactive tools](/javascript/latest/static/c3221c03e99dea7a47e9a1b1740a506f/6e1f3/thumbnail.png)
Color theming for interactive tools
![Working with 3D mesh primitives](/javascript/latest/static/44987100bbd883c93ca9722e2d0f0b36/6e1f3/thumbnail.png)
Working with 3D mesh primitives
![Area measurement analysis object](/javascript/latest/static/e7e34f33bcac347b8af701992525f000/6e1f3/thumbnail.png)
Area measurement analysis object
![Generate univariate continuous size and color visualization in 3D](/javascript/latest/static/afec28dc271283a754a922d6bd73227c/6e1f3/thumbnail.png)
Generate univariate continuous size and color visualization in 3D
![Create area of interest for VoxelLayer](/javascript/latest/static/579c4c4ff98305a8846feb8a55ee805a/6e1f3/thumbnail.png)
Create area of interest for VoxelLayer
![Overview map](/javascript/latest/static/91aef8e188f5e5631fd25e41ebd908ab/6e1f3/thumbnail.png)
Overview map
![Visualize data on Mars](/javascript/latest/static/34265486dc5b54f2f856b309655117d1/6e1f3/thumbnail.png)
Visualize data on Mars
![Toggle ground elevation](/javascript/latest/static/e11c04f274bccfb72b548adb5dc09898/6e1f3/thumbnail.png)
Toggle ground elevation
![Interactive viewshed analysis](/javascript/latest/static/687120aa366792cdf36fe481e1c1a8f2/6e1f3/thumbnail.png)
Interactive viewshed analysis
![Filter points in a PointCloudLayer](/javascript/latest/static/76f5d2eb1a3f434d05ee8869352aba3c/6e1f3/thumbnail.png)
Filter points in a PointCloudLayer
![Using the view's UI](/javascript/latest/static/f0ade004bb2d4de950fa6e61e92538c8/6e1f3/thumbnail.png)
Using the view's UI
![Intro to VoxelLayer](/javascript/latest/static/34a9e8af1df8a54b9bcc4b2eb3fb16af/6e1f3/thumbnail.png)
Intro to VoxelLayer
![WebTileLayer](/javascript/latest/static/d95ab15696c0b17a411c0d6ff9024f2b/6e1f3/thumbnail.png)
WebTileLayer
![PointCloudLayer - intensity color modulation](/javascript/latest/static/2c40378a207347e88dc2cb760c9b9601/6e1f3/thumbnail.png)
PointCloudLayer - intensity color modulation
![LayerList widget](/javascript/latest/static/86673d8be8e11ad285dd6a25ed877299/6e1f3/thumbnail.png)
LayerList widget
![Custom ElevationLayer - Thematic data as elevation](/javascript/latest/static/63e3f947eba2c2be685845587d97da49/6e1f3/thumbnail.png)
Custom ElevationLayer - Thematic data as elevation
![IntegratedMeshLayer modification](/javascript/latest/static/ab8cddb8ccc1027b41154ed80129c917/6e1f3/thumbnail.png)
IntegratedMeshLayer modification
![Custom TileLayer](/javascript/latest/static/c51079ec7b27324ade4b967d1f6be9e2/6e1f3/thumbnail.png)
Custom TileLayer
![WMSLayer](/javascript/latest/static/160e6f1c3871f4e14d91b163a0d55136/6e1f3/thumbnail.png)
WMSLayer
![Intro to MapImageLayer](/javascript/latest/static/c7f787bd80518b0658cf9fbd72ceabd4/6e1f3/thumbnail.png)
Intro to MapImageLayer
![Line markers and label placement](/javascript/latest/static/28abb281c5abb55ea06ab50a6544f5d3/6e1f3/thumbnail.png)
Line markers and label placement
![Intro to PointCloudLayer](/javascript/latest/static/8e0b5b2f79b8697ece061be5c96303b8/6e1f3/thumbnail.png)
Intro to PointCloudLayer
![Weather visualization](/javascript/latest/static/c391558d2d713b09939a291a066658fb/6e1f3/thumbnail.png)
Weather visualization
![Filter BuildingSceneLayer with BuildingExplorer](/javascript/latest/static/1ab0a31a80d96919ef8d5f01a1a47aa0/6e1f3/thumbnail.png)
Filter BuildingSceneLayer with BuildingExplorer
![Line of sight widget](/javascript/latest/static/04f5f63efedba4cdfddaa533c59673c2/6e1f3/thumbnail.png)
Line of sight widget
![Custom RenderNode - Depth of field](/javascript/latest/static/3d16b4f09c28ded395df1f7cabb3ec12/6e1f3/thumbnail.png)
Custom RenderNode - Depth of field
![Detect WebGL support](/javascript/latest/static/575931042eee0bf9af4a58750fec6e33/6e1f3/thumbnail.png)
Detect WebGL support
![Generate continuous color visualization for 3D buildings](/javascript/latest/static/6b278ca9a95039c74a5ba833b5709a55/6e1f3/thumbnail.png)
Generate continuous color visualization for 3D buildings
![Modify the opacity of a continuous variable](/javascript/latest/static/529b71faabcb9502f12844b7f739ef2c/6e1f3/thumbnail.png)
Modify the opacity of a continuous variable
![SceneView - hitTest](/javascript/latest/static/2a07119b5077475158df88ea3228328c/6e1f3/thumbnail.png)
SceneView - hitTest
![Underground navigation in global mode](/javascript/latest/static/c3858a9b61475b543cd2b6fb01fd85db/6e1f3/thumbnail.png)
Underground navigation in global mode
![MediaLayer with video](/javascript/latest/static/60d9fe163017cf8be3d69bba87330933/6e1f3/thumbnail.png)
MediaLayer with video
![Explore a VoxelLayer using dynamic section](/javascript/latest/static/ba1d747cb5783f913c44a94581afe550/6e1f3/thumbnail.png)
Explore a VoxelLayer using dynamic section
![Web scene - slides](/javascript/latest/static/2c4830202fe16ce141d58a714c0870a7/6e1f3/thumbnail.png)
Web scene - slides
![Extrude building footprints based on real world heights](/javascript/latest/static/c1f10273e39dd4a235544bb0fa4dc754/6e1f3/thumbnail.png)
Extrude building footprints based on real world heights
![Edit features in 3D with the Editor widget](/javascript/latest/static/6a3fc70ec1294c5e86e2e866ed4f70b6/6e1f3/thumbnail.png)
Edit features in 3D with the Editor widget
![Satellites in 3D view](/javascript/latest/static/875589f962eaeef744ca9ec6cf918658/6e1f3/thumbnail.png)
Satellites in 3D view
![ElevationProfile components](/javascript/latest/static/96ee3c98101293be8d05eb2b4edd17ec/6e1f3/thumbnail.png)
ElevationProfile components
![Intro to CatalogLayer](/javascript/latest/static/fd7ead31050d1381df9d3724e65f3e4e/6e1f3/thumbnail.png)
Intro to CatalogLayer
![Shadow cast](/javascript/latest/static/9665309c3ae79236879d2ce0cdd5a13f/6e1f3/thumbnail.png)
Shadow cast
![Load a basic web scene](/javascript/latest/static/d349942b971536f73c54e7a8540e2858/6e1f3/thumbnail.png)
Load a basic web scene
![BuildingSceneLayer with Slice widget](/javascript/latest/static/455496379ee58ef20268fdb2dfcbad8f/6e1f3/thumbnail.png)
BuildingSceneLayer with Slice widget
![Query Elevation (lines)](/javascript/latest/static/4c1943b44275d341da3b9e80a74a1e89/6e1f3/thumbnail.png)
Query Elevation (lines)
![Generate a relationship visualization](/javascript/latest/static/11cd96e34413857f4231a02a2611a994/6e1f3/thumbnail.png)
Generate a relationship visualization
![VoxelLayer variable and render mode](/javascript/latest/static/92cb0726f83bd4574d8993fde46f595c/6e1f3/thumbnail.png)
VoxelLayer variable and render mode
![Intro to SceneView - Create a 3D map](/javascript/latest/static/ef04d42c6ff2dfdb859cd48fa0a8705c/6e1f3/thumbnail.png)
Intro to SceneView - Create a 3D map
![Measurement widget](/javascript/latest/static/48955f554f826a1dea62370c3ef83590/6e1f3/thumbnail.png)
Measurement widget
![PointCloudLayer - toggle renderers](/javascript/latest/static/f9b4a164de5a28f7b951429a60139947/6e1f3/thumbnail.png)
PointCloudLayer - toggle renderers
![Create a layer from a portal item](/javascript/latest/static/0a46ce76d30485507e5c55345ed67659/6e1f3/thumbnail.png)
Create a layer from a portal item
![SceneLayer with time filter](/javascript/latest/static/2fea7001c73af00c2ca231311522a2f4/6e1f3/thumbnail.png)
SceneLayer with time filter
![Elevation options](/javascript/latest/static/e229a6a11eb16b343e675e7cf953cee0/6e1f3/thumbnail.png)
Elevation options
![ViewshedLayer in slides](/javascript/latest/static/1171ec60a1251fdadd7bf6e98d4c059f/6e1f3/thumbnail.png)
ViewshedLayer in slides
![GeometryEngine - geodesic buffers](/javascript/latest/static/02bfd8e4108b6e01fddadf4e78f4ea98/6e1f3/thumbnail.png)
GeometryEngine - geodesic buffers
![Custom RenderNode - Animated Windmills](/javascript/latest/static/e588861fdd8b45030225c29c8512543d/6e1f3/thumbnail.png)
Custom RenderNode - Animated Windmills
![SceneView memory resources](/javascript/latest/static/c65960675cfc6dcb7966583954f6d9c9/6e1f3/thumbnail.png)
SceneView memory resources
![Data-driven extrusion](/javascript/latest/static/899d771d08ed90e9e788829ca4d118f5/6e1f3/thumbnail.png)
Data-driven extrusion
![Geoprocessing - viewshed analysis](/javascript/latest/static/e45987ea306f73ce2348c90a9db013f3/6e1f3/thumbnail.png)
Geoprocessing - viewshed analysis
![MapImageLayer - Set definition expressions on sublayers](/javascript/latest/static/8676884cd903f5066305bbb113aa096a/6e1f3/thumbnail.png)
MapImageLayer - Set definition expressions on sublayers
![Daylight widget](/javascript/latest/static/82a359fc8d2dbb717a0a5ff627a7f375/6e1f3/thumbnail.png)
Daylight widget
![Blend modes in 3D](/javascript/latest/static/5716922d765e65440bd5c552ff54bc76/6e1f3/thumbnail.png)
Blend modes in 3D
![Explore a VoxelLayer using isosurface](/javascript/latest/static/84c7e947e4c8af1f96466c941a171310/6e1f3/thumbnail.png)
Explore a VoxelLayer using isosurface
![HistogramRangeSlider](/javascript/latest/static/91f468b7a1ffd32524afecf0c9ce0907/6e1f3/thumbnail.png)
HistogramRangeSlider
![Switch view from 2D to 3D](/javascript/latest/static/0594edc00608b783477bbce7cc96ade2/6e1f3/thumbnail.png)
Switch view from 2D to 3D
![Home button](/javascript/latest/static/c391c860565db51e4d14c47de63438e2/6e1f3/thumbnail.png)
Home button
![Add Graphics to a SceneView](/javascript/latest/static/c886d7dc9a3a62ce2340136d23c00bb3/6e1f3/thumbnail.png)
Add Graphics to a SceneView
![Intro to layers](/javascript/latest/static/7d3176121df2db892a8f5abc54a7c542/6e1f3/thumbnail.png)
Intro to layers
![Expand widget](/javascript/latest/static/346388c0ee0aa0a3ba3a6d7d53cf17c0/6e1f3/thumbnail.png)
Expand widget
![SceneView - goTo()](/javascript/latest/static/f17f77770cc9c194af358b2eb243c509/6e1f3/thumbnail.png)
SceneView - goTo()
![OpenStreetMapLayer](/javascript/latest/static/2e29cea0d9179f65a59620f41f07e358/6e1f3/thumbnail.png)
OpenStreetMapLayer
![MapImageLayer - create dynamic map layers](/javascript/latest/static/e26425249378fda2bee34f14f1b1a65e/6e1f3/thumbnail.png)
MapImageLayer - create dynamic map layers
![Synchronize MapView and SceneView](/javascript/latest/static/2f2002dea3fdfe4a4b979481ca3d26f4/6e1f3/thumbnail.png)
Synchronize MapView and SceneView
![Measurement in 3D](/javascript/latest/static/032d3915ec3d2a89e3f5e73565e5d5c6/6e1f3/thumbnail.png)
Measurement in 3D
![MediaLayer with interactive georeferencing](/javascript/latest/static/51bae826d6fe90025a4df90b25b345b6/6e1f3/thumbnail.png)
MediaLayer with interactive georeferencing
![Expand component](/javascript/latest/static/de4c99fba687adcef356ae6cfff38c50/6e1f3/thumbnail.png)
Expand component
![Track widget simulation](/javascript/latest/static/3d9b5efa058a4d3b6e218064b6c0511a/6e1f3/thumbnail.png)
Track widget simulation
![ElevationLayer](/javascript/latest/static/e0ead393c0b137e83f937207ed22c778/6e1f3/thumbnail.png)
ElevationLayer
![BasemapGallery component](/javascript/latest/static/ce1d73c7549ef7ba410ee6ecbfa6e822/6e1f3/thumbnail.png)
BasemapGallery component
![Modify the color scheme of a continuous variable](/javascript/latest/static/a84d441beb66285435ec33ead7396df5/6e1f3/thumbnail.png)
Modify the color scheme of a continuous variable
![Analysis objects](/javascript/latest/static/63b946508bcbce51ca856dfaf423dc18/6e1f3/thumbnail.png)
Analysis objects
![Update the camera in a 3D view](/javascript/latest/static/f38c1e4fd533459794a0d71b8468110a/6e1f3/thumbnail.png)
Update the camera in a 3D view
![FloorFilter component](/javascript/latest/static/6ba080dcb34a67f5b67287441be94611/6e1f3/thumbnail.png)