Explore a dashboard

First, you'll open and explore a dashboard that monitors emergency incidents in Redlands, California. This is the same dashboard that you'll create later in the tutorial.

Open a dashboard

You'll sign in and open the Redlands Incident Management dashboard.

  1. Sign in to your ArcGIS organizational account.
    Note:

    If you don't have an organizational account, see options for software access.

  2. On the ribbon at the top of the page, click the Search button.

    Search button

  3. In the search bar, type Redlands owner:Learn_ArcGIS, and press Enter.
  4. In the search results, under Filters, turn off the option to only search in your organization.
  5. Click the title of the Redlands Emergency Dashboard (Learn ArcGIS) result. (Several results may have similar names.)

    Redlands Emergency Dashboard search result

    The dashboard's item page appears.

  6. Click Open Dashboard.

    The dashboard opens.

    Note:

    The dashboard updates in real time, so your number of current incidents and their dates may not match the example images exactly.

    Redlands Emergency Dashboard

    The dashboard contains a map and additional information that updates in real time as the underlying data changes. This dashboard displays simulated real-time data of emergency incidents and emergency service vehicles.

  7. If necessary, zoom in or out until you can see all of the emergency symbols. Pan the map to center all the symbols within the dashboard.

    Emergency calls and incidents

    Phone symbols represent emergency calls and other incidents. Black symbols represent emergency facilities, such as hospitals and schools. Blue, dark pink, and yellow symbols represent the current locations of police, fire, and ambulance vehicles, respectively. The red, orange, yellow, and green lines represent traffic conditions on roads. Unlike the emergency data, the traffic data is not simulated.

    Traffic conditions

    Red lines represent stop-and-go traffic, orange lines represent slow traffic, yellow lines represent moderate traffic, and green lines represent free-flow traffic. Traffic incidents are represented by yellow circles with black borders. The larger the red dot in the circle, the bigger the impact of the traffic incident.

  8. To the left of the map, under Open Incidents, click the incident at the top of the list.

    Current incident pop-up

    On the map, a pop-up opens with more information. The incident is highlighted on the map.

  9. Close the pop-up.
  10. On the map, click the Layers button. In the Layers window, click the visibility button for all the layers to turn them off except the Reported Incidents - Dispatch and World Traffic Service layers.

    Layers window

  11. Close the Layers window.

    At the bottom of the dashboard, a bar chart shows the number of current incidents by type.

  12. On the Current Incidents by Type chart, click the Vehicle Accident bar.

    Incidents highlighted on the map

    The map and Open Incidents list now show only incidents of the chosen type.

    Open Incidents list filtered for Vehicle Accidents

  13. On the map, click the Layers button. Turn on all layers and close the Layers window.
  14. Click the Search button. Click the drop-down menu and choose Emergency Facilities: Name.

    Search options in the dashboard

  15. In the search bar, type Redlands Animal Shelter and press Enter.

    The map zooms to the Redlands Animal Shelter facility and a pop-up containing information about the facility appears.

    Pop-up of shelter attributes

  16. Explore the dashboard on your own. When finished, close any pop-ups and the dashboard.

You've explored a dashboard and now have a sense of the interaction between the map and its data, as well as how it updates over time. Next, you'll make your own map and dashboard.


Create a map

The first step to recreating this emergency dashboard is to make the web map. The web map contains all the data consumed in the dashboard, both for visualization and so that you can configure data-driven elements, such as the bar chart and list of calls. You'll build a web map in ArcGIS Online and add layers to it. The layers will be the same ones you saw in the dashboard: reported incidents, emergency facilities, emergency vehicles, and traffic.

Add layers to a new map

The map for your dashboard is created in ArcGIS Online.

  1. Sign in to your ArcGIS organizational account.
    Note:

    If you don't have an organizational account, see options for software access.

  2. On the ribbon, click Map to begin a new map.

    Map on the ribbon

    Note:

    Depending on your organizational and user settings, you may have opened Map Viewer Classic. ArcGIS Online offers two map viewers for viewing, using, and creating maps. For more information on the map viewers available and which to use, please see this FAQ.

  3. If necessary, on the ribbon, click Open in Map Viewer at the top of the screen.

    A blank map appears in Map Viewer.

    Create new map

  4. On the map, in the bottom corner, click the Search tool.

    Search in the Map tools menu on the Settings toolbar

    The search bar appears at the top of the map.

  5. In the search bar, type Redlands. From the results, choose Redlands, CA, USA.

    Search for Redlands

    The map navigates to Redlands and a pop-up opens with information about the location.

  6. Close the pop-up.
  7. In the Layers pane, click Add.

    Add layer on the Layers pane

    By default, a list of layers shared within your organization is displayed. You'll change the search settings to find the layers you need for the map.

  8. In the Add layer pane, click My Content and choose ArcGIS Online.

    ArcGIS Online option

  9. In the search box, type Redlands dashboard and press Enter.
  10. Click the Refine content button.

    Content filtered by extent

  11. In the Refine content pane, under Sort by, turn on Only show content within map area.

    Only show content within map area toggled on

  12. In the Refine content pane, for Filter, choose Date modified, and select Custom range. Choose dates ranging from December 29-31, 2019.

    Content sorted by owner

  13. Close the Refine content pane. In the list of search results, locate the following five layers owned by esri_dashboardpub (other results may also be returned):
    • Police
    • Ambulances
    • Fire
    • Emergency Facilities
    • Reported Incidents - Dispatch

    Search results

  14. Click the name of the Reported Incidents - Dispatch layer.

    A pane opens with a detailed description of the layer and a thumbnail of the layer content.

  15. Click Add to Map.

    The Reported Incidents - Dispatch layer is added to your map.

    Note:

    You can add the layers more quickly to the map by clicking the Add button for each layer.

    Add button

  16. Close the Reported Incidents - Dispatch layer description pane. Add the Emergency Facilities, Police, Ambulances, and Fire layers to the map.

    The layers are added to the map.

    Map layers added to the map

    In addition to these layers, you'll add a layer of live traffic conditions. This layer will provide information about which streets emergency vehicles should avoid because of traffic or accidents.

  17. In the Refine content pane, click Clear all filters.

    Within Map Area filter remove button

  18. In the search box, delete the existing text and type World Traffic owner:Esri, and press Enter.

    The list of search results includes the World Traffic Service layer by Esri.

    World Traffic Service search result

  19. Add the World Traffic Service layer to your map.

    The map now displays traffic conditions from the World Traffic Service. Because the data updates frequently, your traffic conditions likely differ from those shown in the example images.

  20. In the Add layer pane, click the Back button.
  21. In the Layers pane, drag the World Traffic Service to the bottom of the list of layers.

    Reorder layers in the Layers pane

    The Emergency Facilities layer should be near the bottom of the Contents pane because the locations of these facilities don't change, and this layer is not as important to decision making as the other layers. By placing the layer near the bottom, the Reported Incidents – Dispatch, Police, Fire, and Ambulances layers will be more prominent on the map.

  22. Reorder the remaining layers in the following order:
    • Reported Incidents – Dispatch
    • Police
    • Fire
    • Ambulances
    • Emergency Facilities
    • World Traffic Service

    Layers reordered in Layers pane

    This order reflects their importance to users making emergency response decisions.

Set the layer refresh intervals

When you work with real-time data, it's important to consider how often you want to refresh the data. You'll look at the current refresh settings on your layers and make a few changes.

  1. In the Layers pane, ensure the Reported Incidents - Dispatch layer is selected.

    The blue line on the side of the layer indicates it is currently selected.

    Layer selected in the Layers pane

    The Properties pane appears.

  2. In the Properties pane, locate the Refresh interval section.

    The current setting is displayed. The refresh interval for this layer is set to 0.1 minutes (6 seconds).

  3. For Refresh layer every, type 0.3 minutes (or 18 seconds).

    Refresh layer setting in the Refresh interval section

  4. On the Layers pane, click the Police layer, and in the Properties pane, set the Refresh interval to 0.3 minutes.
  5. Use what you have learned to set the Refresh interval setting for the Fire, and Ambulances layers to 0.3 minutes.
  6. Check the Refresh interval setting for the Emergency Facilities layer.

    No refresh interval is set for this layer, which is fine, because the facility locations don't change.

  7. Check the Refresh interval for the World Traffic Service layer.

    The refresh interval setting for this layer is 5 minutes. The live traffic data is updated at 5-minute intervals, so this value is appropriate.

    Tip:

    Learn more about the World Traffic Service layer.

Configure pop-ups

Clicking a reported incident symbol on the map opens a pop-up with information about the incident. To make this information more accessible, you'll create elements based on the data contained in the pop-ups. These elements will be similar to the elements you interacted with earlier. First, you'll configure the pop-ups so you can see the attributes associated with the layer and control which details to display in your dashboard.

  1. If necessary, zoom into the Redlands area.
  2. On the map, click one of the existing reported incidents, which are styled as phone icons with green backgrounds. (Your incident may differ from the one in the example image).

    Pop-up for an incident

    Information about the incident is shown in a pop-up as a list of fields and associated values. In the example image, the Contact Name field has the associated attribute value of Irene Roberts. This information is available to anyone viewing the map. It also determines the information shown in the elements in the dashboard that you'll configure later.

  3. Close the pop-up.
  4. In the Layers pane, ensure the Reported Incidents - Dispatch layer, is selected. On the Settings (light) toolbar, click Pop-ups.
  5. In the Pop-ups pane, for Title, delete the existing text. Click the add field button.

    Add field button for the Title field

  6. In the Add field window, click Incident {incident}.

    Incident field name

    The pop-up title is made up of the contents of a field (indicated by the field name in braces). The fields come from the data in the layer on your map. In this case, the field name is incident. It displays the incident type. Field names work like variables, so when you click an incident on the map, its pop-up title shows the incident type for that particular report.

  7. Click Fields list.

    Fields list on the Pop-ups pane

    It lists the fields in the feature layer that are currently included in the pop-up.

  8. Click the remove button for all except for the following fields:
    • Open Date
    • Location
    • Synopsis

    Remove fields

    The other fields will no longer appear in the pop-ups.

  9. On the map, click an incident to view its pop-up.

    Updated pop-up

  10. Close the pop-up.
  11. On the Contents toolbar, click the Save and open button, and choose Save As.

    Save as on the Save and open menu

  12. In the Save map window, enter the following:
    • For Title, type Redlands Emergency Map and add your initials.
    • For Tags, type incidents, emergency, fire, ambulances, police, traffic and press Enter.
    • For Summary, type Map for Redlands Emergency Dashboard.

    Save map window

  13. Click Save.

Configure feature search

Next, you'll configure feature search in your web map so users can find an emergency facility by searching for it by name in the dashboard.

  1. In the Contents toolbar, click Map properties.

    Map properties on the Contents toolbar

  2. Click Item details to go to the map's item page.

    item details link

  3. Click the Settings tab, then click the Web Map tab.

    Web Map on the Settings tab

  4. If necessary, in the Application Settings category, expand Enable Search. For Hint text, type Place or Facility Name.

    Enable Search turned on and Place or Facility Name for Hint text

  5. Check By Layer.

    The facility name is stored in the Name field of the Emergency Facilities layer.

  6. If necessary, click Add Layer to specify which layer can be searched.
  7. Set the following parameters:
    • For the first box, choose Emergency Facilities.
    • For the second box, choose Name.
    • For the third box choose Contains.

    Application Settings

    When the map is used in a dashboard, users can quickly find emergency facilities by searching for them by name.

  8. Click Save.

You've created and configured a map to use in your dashboard. Next, you'll begin configuring the dashboard.


Create a dashboard

Previously, you created a map to go in a dashboard. A dashboard contains maps and displays for monitoring situations in real time. Like maps, layers, and other items, dashboards are stored in your ArcGIS Online organization.

Create a dashboard and add a map element

You'll create a new dashboard using the Dashboards app. Once you create it, you'll add a map as the first component. Each component of a dashboard is called an element.

  1. On your Redlands Emergency Map item page, on the ribbon, click Overview.

    Overview tab on the ribbon

    Note:

    If you are not starting from the previous section, sign in to ArcGIS Online and if necessary on the ribbon click Contents. Click the name of your Redlands Emergency Map web map to see the map’s item page.

  2. Click Create Web App and choose Dashboards.

    Dashboards on the Create Web App menu

    Options for the title, tags, and description of your dashboard appear.

  3. In the Create a new dashboard window, enter the following:
    • For Title, type Learn ArcGIS - Redlands Emergency Dashboard.
    • For Tags, type incidents, emergency, fire, ambulances, police, traffic and press Enter after each tag.
    • For Summary, type Dashboard showing emergencies in Redlands, California.
  4. Click Create dashboard.

    The dashboard opens in your browser window and displays the Learn ArcGIS - Redlands Emergency Dashboard.

    Note:

    You can also create dashboards from your ArcGIS Online home page or the ArcGIS Dashboards home page.

    Redlands emergency Dashboard

Configure map tools

Maps typically offer a number of tools to users. For example, users may be able to search for locations, add bookmarks, or change basemaps. In this section, you'll choose the tools that will be available to users of the dashboard.

  1. Point to the upper corner of the map to reveal the hidden toolbar. On the toolbar, click the Configure button.
    Note:

    The toolbar may be hidden, so point to the blue bar to view it.

    Configure map tools

  2. On the Settings tab, turn on the following options:
    • Default extent and bookmarks
    • Layer visibility
    • Basemap switcher
    • Search
    • Zoom in/out

    Map settings

  3. Click Done.

    The map tools that you've configured are displayed.

    Map tools

Configure dashboard settings

Next, you'll change the color of the dashboard elements, borders, text, and tabs.

  1. On the dashboard toolbar, click the Theme button.

    Settings button

    The Theme pane appears. This pane contains options to change the theme and colors of your dashboard.

  2. For Dashboard background color click the color and for HEX, type 3d948a.

    Make dashboard settings

  3. In the color palette menu, next to Saved, click the add button.

    Add button in the Saved section on the color palette

    The color is saved for you to use in other elements of your dashboard.

  4. Close the Theme panel.
  5. On the dashboard toolbar, click the Save button and choose Save to save your dashboard.

    Save

The map now has the tools and capabilities you want. Users can turn layers on and off, change basemaps, and search for emergency facilities by name.


Configure elements

Previously, you configured the map elements. Next, you'll add more elements to help users monitor emergencies in real time. These elements are also known as widgets. You'll add a summary of the current number of incidents, a list of open incidents, incident details, and a bar chart showing incidents by type. When you're finished, your dashboard will look like the one you explored in the first module.

Configure the dashboard header

Header panels serve many purposes, but they are also home to selectors (category, number, and date) that are very useful for interacting with the map. You'll configure the dashboard header.

  1. On the dashboard toolbar, click the View pane. In the Header tab, click Add header.

    Header option

    Elements such as the header and left panel can only be added once, but the remaining elements can be added as many times as needed. For this dashboard, you'll add a header panel, left panel, map, list, and chart elements.

  2. For Title, type Redlands Emergency Dashboard. Leave the other settings unchanged.

    Appearance parameters

  3. Click Done.

Add a category selector

Next, you'll add a category selector for all emergency facilities.

  1. In the View panel, on the Header tab, click Add selector and choose Category selector.

    Add category selector button

  2. In the Data options panel, for Categories from, choose Features.

    Features selected for Categories from in the Selector options window

    The Select a layer window appears.

  3. In the Layers from 'Redlands Emergency Map' map: group, choose Emergency Facilities.

    Select a layer

    The default field configured in the web map is used as the Line item template parameter. Because the default field is the facility name, there is no need to change anything.

    Note:

    If the Line item template field is not set to the facility name. Click Add field and choose Name.

    Next, you'll add more options.

  4. In the Category selector window, click the Selector tab, turn on None option. For Label for none, type All Facilities.

    Selector settings

  5. Click the Actions tab. In the Actions pane, expand Flash and turn on Redlands Emergency Map.

    Flash and zoom actions

    Next, you'll add an action to zoom to the Redlands Emergency Map.

  6. Expand Zoom and turn on Redlands Emergency Map.

    Zoom action on for Redlands Emergency Map

  7. Click Done.

    The selector is added as a list on the header panel. If an emergency facility is selected, the map will pan to and center on the facility and the facility location will flash.

    Selector added to dashboard

  8. Save the dashboard.

Add an incident count

Next, you'll add an incident count indicator, so users can see at a glance how many incidents are open at a given time.

  1. On the View panel, click the Body tab, click Add element, and choose Indicator.

    Indicator option

    The Select a layer pane opens.

  2. For Layers from 'Redlands Emergency Map' map, choose Reported Incidents - Dispatch.
  3. On the Data tab, for Data options, confirm that Value type is set to Statistic, and that Statistic is set to Count.

    Because users are most likely only interested in open incidents, you'll configure the indicator to only show the total count of open cases.

  4. Click the Filter button. For Field for the condition, choose Operational Status. A warning will appear until you select a value in the following step.
  5. Confirm that equal is the operator type. For Select a value, choose Open.

    Indicator filter

  6. Click the Indicator tab.

    The Indicator options pane appears. It contains settings to control the color, text, and icons displayed by the indicator.

  7. For Middle text, leave the default text unchanged. Click the color palette below Middle text and choose the color you saved earlier in the tutorial.

    Indicator options pane

  8. For Bottom text, type Current Incidents.
  9. Click Done.

    The indicator element is added to the dashboard, but it's larger than you want it to be. You'll adjust the layout and positioning of the elements once a few more are added.

    Dashboard with incident count

    As incidents open or close, this element will update in real time to show the exact number of incidents that are open at a particular moment.

Add a list of incidents

Your users may want to focus on the most recent incidents. The map element is not the best interface for this purpose: it can be difficult to see when and where the most recent incident appeared. A list element provides users the functionality to sort incidents by date and time so recent incidents can be readily identified.

  1. On the View pane, in the Body tab, click Add element and choose List.
  2. In the Select a layer pane, choose Reported Incidents - Dispatch.
  3. On the Data tab, for Sort by, click Add field, and choose Open Date.

    Open Date field

  4. Under Sort by, for Open Date field, click the sort button and choose Sort descending.

    Descending list

    The list element will sort open incidents according to their values in the Open Date column of the Reported Incidents - Dispatch layer. The descending sort order means that the most recent incidents will be shown on top.

    Now you'll make the list match the Indicator, showing only the open incidents. You'll use the same method you just used for the indicator.

  5. For Filter, click the Filter button. For Field for the condition, choose Operational Status.
  6. Confirm that equal is the operator type. For Select a value, choose Open.

    The list will show only open incidents.

  7. Click the List tab.

    The list uses the default display field as set by the map layer. This field can be changed to provide more meaningful information.

  8. Delete any values in the text box. Click the field button and choose Incident.
    Note:

    The list of field names shows both an alias and the actual field name. For example, Contact Name is an alias for the pocname field. Field names in this context behave like variables: the title of each incident in the list changes according to that incident's description.

    Incident field

  9. Add a second line by pressing Enter in the text box. Add the Open Date field to the second line.
  10. Using the formatting options in the Line item template group, make the Incident field text bold and the Open Date field text italicized.

    List field formatting

    The Preview pane shows what the element will look like.

    Incidents and dates

  11. Click the General tab.
  12. For Title, click the Edit button. In the text box, type Open Incidents.
  13. If necessary, scroll down and turn on the Last update text option.

    Last update text turned on

    The last updated text appears to show the last time the data was updated.

    Last update text

    In this case, the dispatch data is constantly refreshed, so it makes sense to leave this option checked. If your data is static, you may consider turning this parameter off to save space on the screen.

    For the incident list, when a user clicks an incident, you want the map to flash the location and show more information about the incident. You'll configure two actions to achieve this behavior.

  14. Click the Actions tab.
  15. In the When selection changes group, expand Show pop-up and turn on your Redlands Emergency Map.
  16. Expand Flash and turn on your Redlands Emergency Map.
  17. Expand Pan and turn on your Redlands Emergency Map to recenter the map at the location of the incident.

    List actions

  18. Click Done.

    The list is added to the dashboard. It takes up a large portion of dashboard. Later, you'll resize it and the other elements.

    Dashboard with list

    If you click a list item, a pop-up appears on the map and remains until it is closed by the user. Also, the selected incident location flashes three times. As the status of open incidents changes, this list will update in real time, so users can easily find the most recent incident and receive information about it.

Add a chart of incident types

The indicator element tells the user how many incidents are open at that moment. The list element displays and orders the open incidents by date and time. The map element shows the current location of the incidents. However, you can't tell at a glance how many incidents belong to which type. A serial chart element solves that problem.

  1. On the View pane, in the Body tab, click Add element, and choose Serial chart.
  2. In the Select a layer pane, choose Reported Incidents - Dispatch.

    The Serial chart element configuration window appears.

  3. If necessary, on the Data tab, click the Grouped values button.
  4. For Category field, choose Incident.

    Serial Chart settings

    The preview pane updates as you configure the serial chart.

  5. Click the Series tab. For Bar colors, choose By category.

    Category color options

    When you choose this setting, the section expands, revealing an option to select a different color ramp.

  6. Click Apply colors and choose the third color scheme from the top.

    Choose a color scheme

    The serial chart preview updates with the chosen color ramp.

  7. Click the General tab, for Title, click the Edit button and type Current Incidents by Type. Center align the title text and choose the Heading 2 formatting.

    General options settings

    Charts can also be the source of actions. In this case, you'll filter the map display to only show incidents of a certain type.

  8. Click the Actions tab. On the Actions pane, for When selection changes, expand Filter and turn on Indicator (1), List (1), and under Redlands Emergency Map, turn on Reported Incidents - Dispatch.

    Actions settings

    When a user clicks a bar in the chart, the associated incidents will be shown on the map and the other elements will be filtered accordingly.

    This bar chart will update in real time as different types of incidents open and close. Users will know which types of incidents are currently open.

  9. Click Done.

    Next, you'll rearrange the dashboard elements.

  10. Point to the upper corner of the bar chart element so the Drag item button is visible.

    Drag item in the chart element menu

  11. Click the Drag item button and drag and dock the indicator element under the map.

    Drag chart element under the map element

  12. Drag and dock the indicator element above the list element.
  13. Drag the edge of the list and indicator elements to reduce their size to about a quarter of the total size of the dashboard.

    Drag divider left

  14. Drag the upper edge of the bar chart element to reduce its height to a third of the total size of the dashboard.
  15. If necessary, pan and zoom the map so that Redlands is centered in the display.
    Note:

    To change an element's settings after it has been added to the dashboard, point to the Settings bar in the element's upper left corner and choose Configure.

    Arranged dashboard elements

  16. Save the dashboard.

Share your dashboard

Your dashboard is now configured with the necessary elements. Next, you'll stop editing and share the dashboard with the appropriate people.

  1. Next to the dashboard title, click the main menu and click Dashboard item details.

    Dashboard item details option

    The item page for your dashboard appears.

    You can share your dashboard either with members of your organization or with everyone. Because this dashboard is meant for use by city authorities, and not the public, you'll only share it with your organization.

  2. Click Share.

    Share on the dashboard item page

  3. In the Share pane, click your organization and click Save.
    Note:

    If you choose the Everyone option, your users will not have to sign in to open and use the dashboard. When you share a dashboard, like other ArcGIS Online items, the maps and layers it uses must be shared in the same way as the dashboard itself. In this case, all the layers are public (shared with everyone), but the Redlands Emergency Map you created for the map element is private.

Your dashboard is complete. You configured elements to help users monitor emergencies in real time and saved and shared the dashboard with your organization and the wider ArcGIS community.

You can find more tutorials in the tutorial gallery.