Samples

Feature Component

Feature Widget

Feature widget - Query graphics from multiple layers

Feature widget in a side panel

Custom popup actions per feature attribute

Apply effects to features

Apply drop-shadow effects to layerview

FeatureTable

Select features by rectangle

Query top features from a FeatureLayer

Update FeatureLayer using applyEdits()

Create a FeatureLayer from a shapefile

Create a FeatureLayer with client-side graphics

Add or remove graphics from a FeatureLayer

Working with large feature collections

Highlight areas intersecting borough boundaries

FeatureTable with related records

FeatureTable with custom content

FeatureTable with popup interaction

FeatureTable with a map

FeatureTable with editing and attachments enabled

Features component

FeatureTable component

Filter features with TimeSlider

Filter features with TimeSlider component

Features Widget

Aggregate spatial statistics

Update Feature Attributes

Intro to FeatureLayer

Filter features by attribute

Apply featureEffect to a FeatureLayer

Label features using Arcade expressions

OGCFeatureLayer

Synchronize FeatureTable highlights and selection

FeatureLayerView - query statistics by geometry

Intro to binning

Pie charts

Zoom to extent of all features

TableList widget

Binning with aggregate fields

Clustering - generate suggested configuration

Editing with calculated field expressions

Editor widget with configurations

Advanced Attribute Editing

Clustering with visual variables

Summarize binned data using Arcade

Binning - Filter by category

Clustering - advanced configuration

Elevation options

Binning polylines

GraphicsLayer with visibilityTimeExtent

Highlight options for layer views

Filter SceneLayer with FeatureFilter

Query features with pagination

Query features from a FeatureLayerView

Edit features with the Editor component

Edit features with the Editor widget

Basic Querying in FeatureLayer

SceneView - visibleArea

Timestamp-offset field

TimeSlider with timeOffset and actions

GeoJSONLayer with dynamic URL

Edit FeatureLayer with subtypes

Edit FeatureLayers with form elements

Query Related Features

Highlight feature with effects and blending

Clusters as pie charts

Cluster size based on the sum of a field

FloorFilter widget

Highlight a country with an effect

TimeSlider component

Bookmarks widget

Multiply blendMode

Create a local scene

Snapping with Sketch widget and Magnifier

Query statistics client-side

Clustering - filter popup features

Editing related data with calculated expressions

Clustering with aggregate fields

Scale-dependent DisplayFilter

Clustered polygons

Intro to PopupTemplate

Clustering - query clusters

Explore data in CatalogLayer

Arrows along a line

Add multiple label classes to a layer

Point styles for cities

Popup charts for clusters

Flat vs. volumetric 3D symbol layers

TimeSlider widget and time zone

Add labels to a FeatureLayer

Attribute Bins Query

Query Attachments

Animate layer view effect

Composite blending

Override cluster symbol

Create a layer from a portal item

Bookmarks component

Geoprocessing - viewshed analysis

Thematic multivariate visualization (2D)

HistogramRangeSlider

Create an app with composite views

Query statistics client-side by distance

Intro to clustering

Multi-line labels

Intro to CatalogLayer

Query client-side 3D extents

TableList component

Access features with hitTest

Access features with pointer events

Edit features in 3D with the Editor widget

Visualize features by type

Sort features by legend order

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

Configure feature sort order
