Samples

Popup actions

Popup with edit action

FeatureTable with related records

FeatureTable with custom content

Synchronize FeatureTable highlights and selection

LayerList component with actions

FeatureTable component

LayerList widget with actions

TableList widget

TimeSlider with timeOffset and actions

Custom popup actions per feature attribute

ElevationLayer

Directions widget

ElevationProfile Widget

Elevation options

Animate layer view effect

3D icon rotation

Point styles for cities

Custom ElevationLayer - Exaggerating elevation

Query Elevation (points)

Query Elevation (lines)

Terrain analysis with raster functions

Visualize data with dictionary renderer

Elevation Profile component

Apply drop-shadow effects to layerview

Visualizing wind data with VectorFieldRenderer

Disable rotation on the view

Editing related data with calculated expressions

SceneView - visibleArea

TableList component

Measurement components in 3D

Watch for changes in components

Browse related records in a popup

Edit FeatureLayers with form elements

Update legend text

Generate a relationship visualization

Visualize data with rotation

Thematic multivariate visualization (2D)

FlowRenderer with visual variables

SceneView - goTo()

Track current location

Track widget simulation

Vary point sizes by scale

Draw polyline

Animated lines with WebGL

IntegratedMeshLayer

Web scene - slide tour

Basemaps with different projections

Toggle ground elevation

Custom ElevationLayer - Thematic data as elevation

Hosted Land Cover ImageryTileLayer

Highlight feature with effects and blending

Client-side projection

Data-driven opacity

Low poly terrain using mesh geometry

Animated symbols

MediaLayer with animated gif

MediaLayer with images

Custom RenderNode - Animated Windmills

CSVLayer - Project points on the fly

Create a FeatureLayer from a shapefile

IntegratedMesh3DTilesLayer

Create a FeatureLayer with client-side graphics

MediaLayer with interactive georeferencing

Realistic buildings with SceneLayer

Custom WebGL layer view
