Samples

Synchronize MapView and SceneView

Intro to MapView - Create a 2D map

Custom LERC Layer

ImageryTileLayer - raster function

Create popup charts from Arcade expressions

Generate data-driven visualization of unique values

Generate data-driven continuous size visualization

CIMSymbol lines and polygons

Clusters as pie charts

MapNotesLayer

Intro to TileLayer

Filter features with TimeSlider

Cluster size based on the sum of a field

KMLLayer

Disable mouse-wheel and single-touch navigation

FloorFilter widget

Configure feature sort order

Animated lines with WebGL

Basic Querying in FeatureLayer

Highlight a country with an effect

Query Related Features

Data-driven continuous size

PopupTemplate - use functions to set content

Feature widget - Query graphics from multiple layers

ImageryTileLayer with COG

Pie charts

Scale feature sizes based on real world sizes (2D)

Apply effects to features

StreamLayer

Locate button

Intro to binning

Unique value groups with headings

Directions widget

Bookmarks widget

MapImageLayer - label sublayer features

Multiply blendMode

Create a scale-dependent visualization

Swipe Widget

WebStyleSymbol (2D)

Print widget

Visualizing wind data with VectorFieldRenderer

Histogram widget

Snapping with Sketch widget and Magnifier

Popup dock positions

Themes

CoordinateConversion widget

Data-driven continuous color

Masking effect using a custom layer view

Visualize data with class breaks

Color theming for interactive tools

Property Changes with ReactiveUtils

Intro to ImageryLayer

Popup with edit action

Sketch component

Watch for changes

Disable rotation on the view

Query statistics client-side

Legend widget

Clustering - filter popup features

Filter features by attribute

Editing related data with calculated expressions

Clustering with aggregate fields

Sketch widget

Intro to ImageryTileLayer

VectorTileLayer hitTest

WebStyleSymbol - continuous size (2D)

Generate a predominance visualization

Sort features by legend order

Geoprocessing - hotspot analysis

Basemaps with different projections

Intro to graphics

Add or remove graphics from a FeatureLayer

Overview map

ImageryLayer - client side pixel filter

Create a reference size visualization

FeatureLayerView - query statistics by geometry

Clustered polygons

VectorTileLayer

Intro to PopupTemplate

GeoJSONLayer

ImageryLayer - server side raster function

ImageryLayer - client side chart

Intro to heatmap

ImageryLayer - raster attribute table

Load portal items via drag & drop

Binning with aggregate fields

Clustering - generate suggested configuration

Legend widget card style

ScaleBar widget

Editing with calculated field expressions

Visualize all features with the same symbol

Popup actions

Clustering - query clusters

Custom BlendLayer

Editor widget with configurations

Access features with pointer events

Intro to popups

Explore data in CatalogLayer

Query features from a FeatureLayerView

MapImageLayer - dynamic data layer with table join

ImageryLayer - image coordinate system

Arrows along a line

PopupTemplate with promise

Add multiple label classes to a layer

Compass widget

Create a static heatmap

Popup charts for clusters

Advanced Attribute Editing

Clustering with visual variables

Highlight feature with effects and blending

Client-side StreamLayer

TimeSlider widget and time zone

Summarize binned data using Arcade

Load a basic WebMap

Features Widget

MapImageLayer - Toggle sublayer visibility

Custom popup content

LayerList widget with actions

Basemap places

Build a custom layer view using deck.gl

ImageryLayer - raster function

Intro to FeatureLayer

Intro to WCSLayer

Binning - Filter by category

Add labels to a FeatureLayer

Customize ColorSlider Histogram

Browse related records in a popup

Clustering - advanced configuration

Generate a class breaks visualization

ImageryTileLayer - shaded relief renderer

Edit features with the Editor component

ValuePicker widget

Edit FeatureLayers with form elements

Custom DynamicLayer

Swipe Widget with Scroll

Aggregate spatial statistics

Size visual variable themes

Update legend text

View padding

Query Attachments

VectorTileLayer - update style

Tiling support for custom WebGL layer views

VectorTileLayer - update style layers

Animate layer view effect

Execute Arcade for a custom chart

Client-side projection

Summarize intersecting points in a popup

Data-driven opacity

Create a custom visualization using Arcade

Reference Arcade expressions in PopupTemplate

Composite blending

Intro to CIMSymbol

Override cluster symbol

Intro to RouteLayer

Intro to layer blending

Tessellation helpers for custom WebGL layer views

Working with large feature collections

MapImageLayer - raster data source

Measurement widget

Intro to OrientedImageryLayer

MapImageLayer - dynamic data layer with query table

MediaLayer with animated gif

Add a Legend to LayerList

GeometryEngine - geodesic buffers

UtilityNetworkTrace widget

Update FeatureLayer using applyEdits()

GeoRSSLayer

Feature Widget

Responsive apps using CSS

UtilityNetworkAssociations widget

MediaLayer with images

Changing Versions with the VersionManagementService

Multivariate data exploration

Dot density

CSVLayer - Project points on the fly

MapImageLayer - set renderers on sublayers

Generate continuous color visualization

Edit FeatureLayer with subtypes

Intro to widgets using BasemapToggle

Search widget with multiple sources

Visualize data with rotation

Identify

Timestamp-offset field

Create a FeatureLayer from a shapefile

Thematic multivariate visualization (2D)

Select WMTSLayer sublayer

TimeSlider with timeOffset and actions

Query top features from a FeatureLayer

Swap web maps in the same view

Switch view from 2D to 3D

Select features by rectangle

Draw polyline

Create a FeatureLayer with client-side graphics

Apply drop-shadow effects to layerview

Apply featureEffect to a FeatureLayer

Intro to SubtypeGroupLayer

Generate a dot density visualization

FlowRenderer with effects and blending

Intro to layers

Create an app with composite views

Edit features with the Editor widget

Custom popup actions per feature attribute

Visualize data with dictionary renderer

MapImageLayer - Explore data from a dynamic workspace

Highlight areas intersecting borough boundaries

FlowRenderer with visual variables

Popup with DOM node

Track current location

Query statistics client-side by distance

Sketch update validation

Route

Disable all view navigation

Time-based layer

Binning polylines

Multiple popup elements

GeoJSONLayer with dynamic URL

Feature widget in a side panel

Search widget with custom source

Intro to clustering

Using Esri Icon Fonts with map graphics

OGCFeatureLayer

Adjust marker placement in polygon symbols

GraphicsLayer with visibilityTimeExtent

Visualize features by type

Query features with pagination

Highlight options for layer views

Update Feature Attributes

Vary point sizes by scale

Multi-line labels

Custom WebGL layer view

WMTSLayer

SketchViewModel Styler

Measurement in 2D

Update a renderer's attribute
