Samples

PopupTemplate - use functions to set content

MapImageLayer - label sublayer features

Responsive widgets

Themes

Save a web scene

Geoprocessing - hotspot analysis

Access features with pointer events

MapImageLayer - dynamic data layer with table join

MapImageLayer - raster data source

MapImageLayer - dynamic data layer with query table

MapImageLayer - set renderers on sublayers

Custom popup actions per feature attribute

Track current location

Using Esri Icon Fonts with map graphics

Histogram widget

Intro to ImageryTileLayer

Highlight feature with effects and blending

Generate a dot density visualization

Generate data-driven continuous size visualization

MapNotesLayer

Filter features with TimeSlider

ElevationProfile Widget

Disable mouse-wheel and single-touch navigation

FloorFilter widget

Animated lines with WebGL

Basic Querying in FeatureLayer

Highlight a country with an effect

Query Related Features

Feature widget - Query graphics from multiple layers

Apply effects to features

Intro to layer effect

Multiply blendMode

IntegratedMeshLayer

WebStyleSymbol (2D)

Visualizing wind data with VectorFieldRenderer

Masking effect using a custom layer view

Event explorer / watch properties

TableList widget

Popup with edit action

Filter features by attribute

Sketch widget

Generate univariate continuous size and color visualization in 3D

WebStyleSymbol - continuous size (2D)

Generate a predominance visualization

Basemaps with different projections

Add or remove graphics from a FeatureLayer

Visualize data on Mars

FeatureLayerView - query statistics by geometry

GeoJSONLayer

ImageryLayer - client side chart

Filter points in a PointCloudLayer

Clustering - generate suggested configuration

Clustering - query clusters

Urban visualizations with polygon patterns

Intro to popups

Path visualization in 3D

Import glTF 3D Models

ImageryLayer - image coordinate system

IntegratedMeshLayer modification

Arrows along a line

Advanced Attribute Editing

Clustering with visual variables

Custom popup content

Filter BuildingSceneLayer with BuildingExplorer

SceneLayerView - query statistics by geometry

Line of sight widget

Intro to WCSLayer

Generate continuous color visualization for 3D buildings

Customize ColorSlider Histogram

Sketch in 3D

Clustering - advanced configuration

Generate a class breaks visualization

Size visual variable themes

Query Attachments

Edit features in 3D with the Editor widget

Save a web map

VectorTileLayer - update style

Tiling support for custom WebGL layer views

VectorTileLayer - update style layers

Animate layer view effect

Client-side projection

Summarize intersecting points in a popup

Composite blending

Intro to CIMSymbol

Intro to layer blending

BuildingSceneLayer with Slice widget

Low poly terrain using mesh geometry

Tessellation helpers for custom WebGL layer views

Measurement widget

FeatureTable with popup interaction

Update FeatureLayer using applyEdits()

Multivariate data exploration

Generate continuous color visualization

Daylight widget

HistogramRangeSlider

TimeSlider with timeOffset and actions

Create a FeatureLayer with client-side graphics

Apply drop-shadow effects to layerview

Visualize data with dictionary renderer

Highlight areas intersecting borough boundaries

Time-based layer

FeatureTable

Feature widget in a side panel

Realistic water visualization in 3D

Search widget with custom source

Intro to clustering

OGCFeatureLayer

Update Feature Attributes

Vary point sizes by scale

SceneLayer attribute editing

Filter SceneLayer with FeatureFilter

Custom WebGL layer view

Measurement in 2D

FeatureTable with a map

Update a renderer's attribute
