Can’t attend the #EsriDevTech2026, join us virtually via digital access! With over 40 sessions available live, catch the latest in developer technology without missing a beat. Register today: ow.ly/Y4a050XUtv6

#GIS #esri #arcgis #mapping #GISchat #geospatial #geodev #esridev #geosky

Share feedback w/ the team and learn from 2 customers on how they're using #ArcGISMonitor for #observability for #ArcGIS tinyurl.com/u2ate38e

#ArcGISEnterprise #GIS #esri #EsriDevTech2026 #GISchat #geospatial #TheScienceOfWhere #esridev #geodev #ArcGISAdmin #geosky

Flow map WHAT Data visualization with straight or geodesic lines have visual limitations. WHY Studying and analyzing relationships between objects is a common task. Visualizing existing, missing or broken c…

Flow Map #UIpattern: Solves data visualizations with straight or geodesic lines that have visual limitations.
mapuipatterns.com/flowmap/
#UX #UXDesign #UI #UIDesign #maps #apps #GIS #esri #esridev #MapUIPattern #dataviz

Legend WHAT The meaning of symbols and the symbolic presentation of data is not clear until explained and correlated to a key. WHY The essence of maps is to present features (points, lines, polygons) or p…

Legend #UIpattern: Explains the meaning of symbols through their key. mapuipatterns.com/legend/
#UX #UXDesign #UI #UIDesign #maps #apps #GIS #esri #esridev #MapUIPattern

Data dimming WHAT The map contains too many features so that it is difficult to identify them, distinguish them, pick out relationships, see patterns in the distribution. WHY The same location might be occupied…

Data dimming #UIpattern: Highlight related features that are otherwise difficult to distinguish.
mapuipatterns.com/data-dimming/
#UX #UXDesign #UI #UIDesign #maps #apps #GIS #esri #esridev #MapUIPattern

Buffer WHAT Analyze an area surrounding an object or point of interest. WHY It is difficult and sometimes even misleading to rely on visual analysis on the map to identify relevant features. Calculating d…

Buffer #UIpattern: Analyze an area surrounding an object or point of interest. mapuipatterns.com/buffer/
#UX #UXDesign #UI #UIDesign #maps #apps #GIS #esri #esridev #MapUIPattern

Chart marker WHAT The chart marker pattern uses charts to enrich aggregated data or to visualize a second attribute of clustered data. Adding tiny charts to the map is a powerful visualization technique to comm…

Chart Marker #UIpattern: Adding tiny charts to the map is a powerful visualization technique to communicate additional aspects of the data.
mapuipatterns.com/chart-marker/
#UX #UXDesign #UI #UIDesign #maps #apps #GIS #esri #esridev #MapUIPattern

Cluster marker WHAT The cluster marker pattern is a common method to avoid visual clutter by grouping points together, and many apps that display point data benefit from this pattern. Cluster marker differentiate…

Cluster Marker #UIpattern: Avoid visual clutter by grouping points together. mapuipatterns.com/cluster-mark...
#UX #UXDesign #UI #UIDesign #maps #apps #GIS #esri #esridev #MapUIPattern

Feature selection WHAT The feature selection pattern uses selected features on the map to create a subset from all the available features. It helps shift the focus from the whole collection of features to the ones t…

Feature selection #UIpattern: Shift the focus from the whole collection of features to the ones that are relevant.
mapuipatterns.com/feature-sele...
#UX #UXDesign #UI #UIDesign #maps #apps #GIS #esri #esridev #MapUIPattern

Timeline slider The timeline slider pattern uses the slider to control the features that correspond to a certain time span. Timeline slider reduces the amount of data to display by showing only the data within tha…

Timeline Slider #UIpattern: Control the features that correspond to a certain time span only. mapuipatterns.com/timeline-sli...
#UX #UXDesign #UI #UIDesign #maps #apps #GIS #esri #esridev #MapUIPattern

Basemap WHAT Users need a geographical reference to understand and relate to the information displayed on top of it. WHY Basemaps help users to orient themselves with both location and scale. A well design…

Spatial Filter #UIpattern: Reduce available features by selecting a specific geographic region or area of interest.
mapuipatterns.com/spatial-filt...
#UX #UXDesign #UI #UIDesign #maps #apps #GIS #esri #esridev #MapUIPattern

Attribute filter WHAT The attribute filter pattern reduces large datasets into more meaningful and manageable selections based on attribute criteria. WHY Filters are omnipresent in modern apps and, like search, are…

Attribute Filter #UIpattern: Reduce large datasets into more meaningful and manageable selections based on attribute criteria. mapuipatterns.com/attribute-fi...
#UX #UXDesign #UI #UIDesign #maps #apps #GIS #esri #esridev #MapUIPattern

2D WHAT Need to see the location of natural or man-made features and phenomena and how they geographically relate to each other. WHY 2D maps are the most familiar type of presentation for road maps si…

2D map #UIpattern: See the location of natural or man-made features and phenomena and how they geographically relate to each other
mapuipatterns.com/2-dimensiona...
#UX #UXDesign #UI #UIDesign #maps #apps #GIS #esri #esridev

Data extract WHAT Extract geographic data for a specific region. WHY A common service for a spatial portal is to deliver data to a user. Data may be vector features (points, lines, polygons) or raster imagery. …

Data extract #UIpattern: Extract geographic data for a specific region. mapuipatterns.com/data-extract/
#UX #UXDesign #UI #UIDesign #maps #apps #GIS #esri #esridev

"How do I use a component outside of the map?" 🗺️

​I get asked this a lot, so maybe it needs a vid! Today, we’re diving into referenceElement in the ArcGIS Maps SDK for JS to build a custom UI with Calcite.

Also, wtf copilot

👉 youtu.be/bXBSatkc6Vw

#esridev #geodev #webdev

Side by side WHAT Visually inspect and compare two scenarios spatially, temporally or quantitatively. WHY Comparing spatial-temporal data is a common analytical task to detect changes over time or identify patt…

Side by side pattern: Visually inspect and compare two scenarios spatially, temporally or quantitatively.
mapuipatterns.com/side-by-side/
#UX #UXDesign #UI #UIDesign #maps #apps #GIS #esri #esridev #UIpattern

Swipe WHAT Interactively reveal content by peeling back a layer to see the content underneath it. This method provides a temporary view of the data without the specified layer. WHY It is often useful to …

Swipe UI pattern: reveal content by peeling back a layer to see the content underneath it.
mapuipatterns.com/swipe/
#UX #UXDesign #UI #UIDesign #maps #apps #GIS #esri #esridev #UIpattern

Callout WHAT It’s hard to clearly identify the point associated with its labels, multiple labels overlap because of their length, size, or nearby position, or only some features need to be highlighted. WHY…

Call-out UI: pattern to avoid overlapping labels.
mapuipatterns.com/call-out/
#UX #UXDesign #UI #UIDesign #maps #apps #GIS #esri #esridev #UIpattern

3D WHAT The 3D pattern features maps that provide appealing, realistic views that are great for complex landscapes and vertical information. They provide a real-world view that can be easier to interp…

3D maps UI pattern: provide appealing, realistic views that are great for complex landscapes and vertical information
mapuipatterns.com/3-dimensiona...
#UX #UXDesign #UI #UIDesign #maps #apps #GIS #esri #esridev #UIpattern

Info pop-up WHAT The info pop-up pattern employs the primary vehicle for accessing content and retrieving information about features on the map. The info pop-up, sometimes also called info window or just pop-u…

Info Pop-up: primary method of accessing content and retrieving information about features on the map.
mapuipatterns.com/info-popup/
#UX #UXDesign #UI #UIDesign #maps #apps #GIS #esri #esridev #UIpattern

Visited marker WHAT The visited marker pattern uses markers symbolized to show users which marker has already been visited, helping them avoid revisiting the same info pop-up repeatedly. WHY A pattern that has be…

Visited Marker: indicate which marker has already been visited
mapuipatterns.com/visited-mark...
#UX #UXDesign #UI #UIDesign #maps #apps #GIS #esri #esridev #UIpattern

Rich marker WHAT The rich marker pattern extends simple markers on the map to show a key metric, performance indicator, or other important information. WHY Sometimes the color, size, or shape of a marker is no…

Rich marker: extend simple markers in the map to show a key metric, performance indicator, or other important information
mapuipatterns.com/rich-marker/
#UX #UXDesign #UI #UIDesign #maps #apps #GIS #esri #esridev #UIpattern

Marker WHAT A marker, sometimes also called a map pin, identifies a location in the map. This location can be a place, point of interest, or any other object. WHY Adding markers is one of the most importa…

Marker #UIpattern: pinpoint the location in a mpa and establish a connection to reveal additional content
mapuipatterns.com/marker/
#UX #UXDesign #UI #UIDesign #maps #apps #GIS #esri #esridev #patterns

Free poster download #ArcGIS #ExperienceBuilder: www.esri.com/content/dam/... #esri #esridev

Zoom control WHAT The zoom control, sometimes called zoom buttons or map navigation, is the most important control of an interactive map. Zoom control is used when the current viewport doesn’t show the appropri…

Zoom Control pattern: Change map scale visible in current viewport
mapuipatterns.com/zoom-control/
#UX #UXDesign #UI #UIDesign #maps #apps #GIS #esri #esridev

Kiosk map WHAT Provide location-specific information through an interactive screen in a public area. WHY An electronic kiosk is a computer terminal that provides access to the features of an application whil…

Kiosk map pattern: Provide location-specific information through an interactive screen in a public area.
mapuipatterns.com/kiosk-map/
#UX #UXDesign #UI #UIDesign #maps #apps #GIS #esri #esridev

Focus on the subject WHAT Focus on the subject is a pattern with many elements that fosters an interaction method allowing the user to switch their focus or center of interest or activity from a generic display to a sp…

Focus on the subject pattern: Change center of interest from generic to specific or detailed screen.
mapuipatterns.com/focus-on-the...
#UX #UXDesign #UI #UIDesign #maps #apps #GIS #esri #esridev

No map WHAT The no map pattern does not use a map. It is used when the task doesn’t require a map but still uses the full power of geographic information systems (GIS) in other ways, such as through chart…

No Map: Layout for tasks that don't require #maps but still harness the full power of #GIS
mapuipatterns.com/no-map/
#UX #UXDesign #UI #UIDesign #apps #esri #esridev

Embedded map WHAT In the embedded map pattern, the app requires an interactive map to perform a simple task, and the map is embedded as part of the page flow. Embedded map layouts are commonly used on multipage…

Embedded Map: Layout for simple maps embedded part of the page flow.
mapuipatterns.com/embedded-map/
#UX #UXDesign #UI #UIDesign #maps #apps #esri #esridev

Reference map WHAT In the reference map pattern, a small map is generally placed next to the other layout components. The map serves as an additional or auxiliary view and is mainly used for contextual purposes.…

Reference Map: Layout where map serves for contextual purposes
mapuipatterns.com/reference-map/
#UX #UXDesign #UI #UIDesign #maps #apps #esri #esridev