ArcGIS Experience Builder

Reveal the heights and depths of your utility data

The networks that power our modern lives require advanced tools for monitoring, analysis, and decision-making. Spreadsheets and charts may struggle to capture the multidimensional nature of the underlying infrastructure.

Instead, gain a unique perspective on complex utility systems using the Elevation Profile widget in ArcGIS Experience Builder.

In the Underground Profile Viewer application below, select Main lines to visualize underground wastewater assets.

Select Main lines on the map to visualize them relative to the ground elevation.
Select Main lines on the map to visualize them relative to the ground elevation. For accurate representation, select connected lines (yellow dotted) following the flow direction (green arrows).

Leverage the next-selectable options and intersecting functionality to preview the elevation of different assets relative to the Main line and the ground. This visualization can help better understand flow direction and quickly identify any discrepancies in your elevation attributes.

Visualize assets along the Main line
Visualize assets along the Main line and relative to the ground elevation and quickly identify data discrepancies. The rim and bottom elevations for Manholes are presented with box plot lines.

 

How to build this app

Follow the steps below to create a basic elevation profile viewer application for your network. Feel free to further customize the layout, themes, and content for your own app. You will need an ArcGIS organizational account with privileges to create content.

Create a new application

  1. Use your own web map with utility data or use the Wastewater Network Map sample from the example above.
  2. From the web map item details page, click Create Web App and choose Experience Builder.
  3. Find the Blank grid template and click Create.
Create an app using the Blank grid template

 

Configure elevation profiles for the Mains layer

  1. From the Insert widget panel, find the Elevation profile widget, add it below the Map widget, and connect it to the Map.
  2. Update the Map Settings to enable Selectable Layers.
  3. Change the Profile rendering to Customize.
  4. Set the Mains layer to be selectable for generating an elevation profile.
Configure elevation profiles for the Mains layer
  1. Click the Mains layer to customize Elevation Settings and Style.
  2. For the Elevation value, represent the Mains using two fields: Upstream Elevation and Downstream Elevation.
  3. Optionally, make changes to the Style.
  4. Use the Live View mode to select a Main on the map and view its underground elevation profile.
Customize Elevation Settings and Style for Mains layer

 

View Manholes intersecting with the Mains

  1. Update the Map Settings to enable Intersecting Layers.
  2. Choose the Manholes point layer as intersecting.
  3. For the Elevation value, choose to represent Manholes using two fields: Rim Elevation and Invert Elevation.
  4. Choose a Display Field for the Manholes in the graph.
  5. Optionally, make changes to the Style.
  6. In Live View mode, you can now view Manholes represented relative to the Main and the ground.
View Manholes intersecting with the Mains

 

View Laterals intersecting with the Mains

The Z values for this layer are incorrect and there is no elevation attribute field. It is safe to assume that all Laterals are attached to the Mains and can be represented at an elevation matching the Main lines.

  1. From the Map Settings, under Intersecting Layers, choose the Laterals line layer.
  2. For the Elevation value, choose Match Profile.
  3. Choose a Display Field for the Laterals in the graph.
  4. Optionally, make changes to the Style.
  5. In Live View mode, you can now see intersecting Laterals relative to the Main and the ground.
View Laterals intersecting with the Mains

 

Display a list of Mains

There are different ways to select features to generate an elevation profile. Provide a list of all the Mains so users can quickly find the Main they are looking for.

  1. From the Insert widget panel, find the List widget and add it to the left of the Elevation Profile widget, below the Map widget.
  2. Connect the List widget to the Mains layer from the map.
  3. Configure the Dynamic text content to show the Asset ID.
  4. Optionally, configure the Image to display the Dynamic Symbol from the map.
Display a list of Mains

Next, configure actions in the List widget to view the elevation profile when a Main is selected:

  1. From the Action panel, disable Data action to remove this option.
  2. Under Message action, click Add a trigger and choose Record selection changes. Select the Map widget as a target and set the action to Zoom to.
  3. Add another action and select the Elevation Profile widget as the target. Set the action to Select line.
Configure actions in the List widget to view the elevation profile when a Main is selected.

Save your app and click Preview to launch it in a new tab. Select a Main from the list to view its underground profile and intersecting assets.

Preview the app and select a Main from the list to view its underground profile and intersecting assets.

Export the results to get detailed elevation and distance attributes for each profile.

Export the results to get detailed elevation and distance attributes for each profile.

You can further customize your application with data-driven dynamic text and charts to gain further insights into your utility data.

About the author

Alix works on the ArcGIS Solutions Web Development team as a Product Engineer to successfully deliver industry web tools for ArcGIS Web AppBuilder, ArcGIS Experience Builder, and ArcGIS Maps SDK for JavaScript since 2019. Prior to her work at Esri, she assisted in the digital GIS transformation of a property and land management organization in New Zealand and coauthored Esri Learn lessons for Public Safety. She has a degree in GIS from Université de Sherbrooke (Québec, Canada).

Connect:
Subscribe
Notify of
0 Comments
Inline Feedbacks
View all comments

Next Article

Virtualizing 3D training models with NVIDIA AI Enterprise

Read this article