ArcGIS Dashboards
Crea tu primer tablero con ArcGIS Dashboards
Por Bern Szukalski
ArcGIS Dashboards permite a los usuarios transmitir información mediante la presentación de análisis basados en la ubicación mediante visualizaciones de datos intuitivas e interactivas. Un tablero es una vista de información y datos geográficos que le permite monitorear eventos, tomar decisiones, informar a otros y ver tendencias. Los paneles están diseñados para mostrar múltiples visualizaciones que funcionan juntas en una sola pantalla. Ofrecen una vista completa de sus datos y proporcionan información clave para la toma de decisiones de un vistazo.
Para obtener más información, consulte ¿Qué es un tablero?
Acerca de este tutorial
En este tutorial, creará un panel simple utilizando ArcGIS Dashboards. El tablero utiliza un mapa de instalaciones médicas en el condado de Los Ángeles (solo datos de muestra) e incluye gráficos interactivos y elementos de lista.
Puede ver el panel completo y seguirlo utilizando el mapa web de los centros de salud de Los Ángeles.
Un tablero se compone de varios elementos que trabajan juntos. Cada elemento es único y tiene sus propios ajustes de configuración únicos. Para obtener más información, consulte Diseño del panel.
El tablero incluirá cuatro elementos; un mapa, gráfico de serie, lista y encabezado. El mapa se configurará para interactuar con el gráfico y la lista, y la lista se configurará para interactuar con el mapa.
Siga los pasos a continuación para crear el tablero y configurar sus elementos.
Crea un tablero
Un mapa suele ser la pieza central de un tablero. Las mejores prácticas son importantes para la experiencia del panel. Aplique la artesanía básica del mapa, como la configuración de ventanas emergentes efectivas, el uso de dependencias de escala y más. Para obtener más información, consulte Crear mapas web para paneles.
Paso 1: abra la página del elemento del mapa de muestra e inicie sesión en su cuenta.

Paso 2: haga clic en Crear aplicación web y luego seleccione Paneles.

Paso 3: ingrese la información requerida.
Agregue un título (a), etiquetas opcionales (b) y un resumen opcional (c). Haga clic en Crear panel (d) cuando haya terminado.

El panel se abrirá después de hacer clic en Crear panel. Ha creado un nuevo panel con un solo elemento de mapa. A medida que continúe creando su tablero, el botón Guardar en la parte inferior del panel de diseño mostrará un punto azul como recordatorio para guardar. Siempre es una buena idea guardar su trabajo a medida que realiza cambios.

A continuación, configurará el mapa y agregará elementos de encabezado, lista y gráfico en serie.
Configurar el elemento del mapa
Los mapas juegan un papel central en muchos paneles. No solo son a menudo la forma más efectiva de mostrar su información geográfica, sino que sus capas operativas también pueden ser utilizadas por otras visualizaciones de datos en el tablero para crear elementos de información interesantes, intuitivos y convincentes.
En esta sección podrás:
- Configurar un elemento de mapa que muestre ventanas emergentes.
- Agregar herramientas para ver la leyenda, navegar a casa y marcadores, y hacer zoom.
Paso 1: configurar el elemento del mapa.
Apunta a la esquina superior izquierda del mapa para mostrar una barra azul. Mueva el mouse sobre la barra para revelar el menú. Puede acceder a todas las configuraciones de un elemento a través de este menú. Haga clic en el botón Configurar.

Paso 2: en la pestaña Configuración, elija qué herramientas mostrar en el mapa. El mapa de muestra ha configurado ventanas emergentes, marcadores y una leyenda, por lo que esas herramientas estarán habilitadas.
En la configuración que se muestra a continuación, use el control deslizante para habilitar (a) ventanas emergentes, (b) extensión y marcadores predeterminados, (c) leyenda y (d) herramientas de zoom.

Haga clic en Listo en la esquina inferior derecha cuando haya terminado. Se mostrará un botón de acercar / alejar en la parte inferior derecha del elemento del mapa, la parte superior derecha del elemento del mapa mostrará un marcador y un botón de leyenda.

Agregar un elemento de gráfico de serie
Un elemento de gráfico en serie visualiza una o más series de puntos de datos a lo largo de un eje horizontal (x) y un eje vertical (y).
En esta sección podrás:
- Agregar un elemento de gráfico de serie que muestre un gráfico de tipos de instalaciones.
- Cambiar los colores del gráfico para que coincidan con los símbolos del mapa.
- Utilizar una acción de mapa para sincronizar el gráfico con la extensión del mapa.
Paso 1: desde la pestaña Cuerpo en el panel de diseño, haga clic en Agregar elemento y elija Gráfico de serie.

- Paso 2: elija la capa que utilizará el gráfico en serie para los datos.
- Solo hay una capa en el mapa: Haga clic en Instalaciones de atención médica de Los Ángeles.

Paso 3: verá una serie de pestañas a lo largo del lado izquierdo. Haga clic en la pestaña Datos a la izquierda y configure las opciones de datos.
(a) - Establezca las categorías desde en valores agrupados.
(b) - Elija TIPO del campo Categoría de la lista desplegable del campo.
Esto agrupará todos los valores del atributo TYPE en los segmentos del gráfico de serie. El tipo es también el campo por el cual se simbolizan las instalaciones de atención médica.

Paso 4: haga clic en la pestaña Eje de valor para configurar las opciones del eje del gráfico. El gráfico mostrará el recuento de varios establecimientos de atención médica, por lo que el eje de valores se establecerá para obtener los mejores resultados de visualización.
(a): establezca el valor mínimo en 1.
(b): establece los valores del eje para mostrar únicamente números enteros.

Paso 5: haga clic en la pestaña Serie para configurar las opciones de la serie. En la sección Colores de barra, haga clic en Por categoría para mostrar los colores de barra actuales.
Configure los colores de las barras para que coincidan con los símbolos de la capa del mapa web.
La leyenda del mapa de los centros de atención médica de Los Ángeles se muestra a continuación.

Cambie el color de cada columna de la serie para que coincida con el color de los símbolos de las instalaciones del hospital. Haga clic en la flecha hacia abajo para usar el selector de color o ingrese el código de color hexadecimal para cada símbolo. Los códigos de color hexadecimales son los siguientes:
Cuidado a largo plazo: # ffd37f
Hospital: # ff0000
Clínica: # 73b2ff
Agencia / Hospicio: # df73ff

Paso 6: haga clic en la pestaña General para configurar las opciones generales.
(a) - Agregue un título.
(b) - Dado que las instalaciones de atención médica que se muestran en el mapa son estáticas, no necesitamos mostrar el texto de la última actualización. Si la capa se actualiza con regularidad, debe habilitarse.

Paso 7: haga clic en Listo en la parte inferior derecha cuando haya terminado.
Paso 8: configure el mapa para activar una actualización del gráfico cada vez que cambie la extensión del mapa.
(a) Abra las opciones de configuración del mapa colocando el cursor sobre la esquina superior izquierda del elemento del mapa para revelar el menú. Haga clic en Configurar.

(b) - Abra la pestaña Acciones del mapa.
(c) - Haga clic en Agregar acción y elija Filtro.

(d) - Haga clic en Agregar destino y elija el gráfico de serie creado anteriormente como destino.

Haga clic en Listo cuando termine, luego guarde su trabajo.
Ahora que se ha creado la acción del mapa, cuando se desplaza y amplía el mapa, el gráfico de la serie se actualiza para mostrar los recuentos de cada tipo de instalación. Desplácese sobre las barras del gráfico para ver los recuentos de cada tipo de instalación.

Agregar un elemento de lista
Un elemento de lista se utiliza para mostrar entidades o filas de una capa y puede contener información de cualquier campo.
En esta sección podrás:
· Agregar un elemento de lista que muestre detalles sobre las instalaciones que se muestran en el mapa.
· Utilizar una acción de mapa para cambiar la lista según las instalaciones en la extensión del mapa actual.
· Utilizar una acción de lista para resaltar la instalación seleccionada en el mapa.
Paso 1: en la pestaña Cuerpo en el panel de diseño, haga clic en Agregar elemento y elija Lista.

Paso 2: elija la capa que utilizará la lista para los datos.
Solo hay una capa en el mapa: Haga clic en Instalaciones de atención médica de Los Ángeles.

Paso 3: en la pestaña Datos, busque la sección Ordenar por. Haga clic en Agregar campo y elija ALIAS de la lista desplegable.

Paso 4: asegúrese de que Ascendente sea el orden de clasificación. Este es el predeterminado.
Esto usará el orden alfabético del campo ALIAS para ordenar la lista mostrada.

Paso 5: en la pestaña Lista, busque la sección Plantilla de línea de pedido. Haga clic en el botón de lista de campos y elija ALIAS y CATEGORÍA de la lista desplegable de campos, organícelos para que se apilen y elimine cualquier otro campo si se muestra.

Paso 6: haga clic en la pestaña Acciones, haga clic en Agregar acción y elija Flash en la lista desplegable.

Paso 7: seleccione el mapa de Instalaciones de atención médica de Los Ángeles como el objetivo de la acción flash.

Paso 8: haga clic en Listo cuando haya terminado.
Esto resaltará la característica en el mapa cuando se haga clic en ella en la lista.
Paso 9: configure el mapa para actualizar la lista cada vez que cambie la extensión del mapa.
(a) - Abra las opciones de configuración del elemento del mapa apuntando a la esquina superior izquierda del elemento del mapa y eligiendo Configurar.

(b) - Haga clic en la pestaña Acciones del mapa.
(c) - Haga clic en Agregar destino y elija el elemento de la lista.

Paso 10: haga clic en Listo cuando haya terminado.
Después de completar estos pasos, la lista se actualizará a medida que se desplaza o amplía el mapa. Cuando hace clic en una instalación de la lista, la característica se resaltará en el mapa.
Organizar los elementos del tablero
Es probable que su panel muestre la lista, la serie y los elementos del mapa ordenados de izquierda a derecha.
Para organizar los elementos, apunte a la esquina superior izquierda y haga clic y mantenga presionado el botón Arrastrar elemento.

Arrastre el elemento sobre otro para revelar los objetivos de acoplamiento, luego suelte en la ubicación deseada.

Para este tablero, arrastre y suelte el elemento de la lista para que se acople como una fila debajo del elemento del gráfico.

Coloca el cursor sobre el espacio entre los elementos del tablero y haz clic y mantén presionado, arrastrando la barra vertical u horizontal al tamaño deseado. Tenga en cuenta que el tamaño es relativo y cambiará con el tamaño general del tablero. Guarde su trabajo cuando termine.

Agregar un elemento de encabezado
En esta sección, agregará un encabezado para completar su tablero. Un elemento de encabezado es un área reservada en la parte superior de su tablero que puede usar para darle un título a su tablero, aplicar estándares de marca corporativa y proporcionar enlaces a contenido adicional.
Paso 1: en la pestaña Encabezado del panel de diseño, haga clic en Agregar encabezado.

Paso 2: en el panel Apariencia, puede cambiar el título, agregar un subtítulo y realizar otros cambios como desee.
De forma predeterminada, el título que aparece en el panel de encabezado es el título del tablero. Ingrese un título para su tablero y realice cualquier otro cambio que desee, como cambiar el color del texto o el color de fondo.
Cuando termine, haga clic en Listo y guarde su panel.
Mejores prácticas
Es una buena práctica completar las páginas de elementos para su nuevo elemento del Panel de control. El panel creado en este tutorial es adecuado para casos de uso general. Sin embargo, si espera que su tablero tenga una demanda muy alta, consulte Creación de tableros altamente escalables para obtener información sobre prácticas de implementación adicionales para garantizar que se escale de manera efectiva para manejar situaciones de alta demanda.
Más información
Para más información, ver:
Documentación de ayuda de ArcGIS Dashboards
Comunidad Esri de ArcGIS Dashboards
Este artículo de blog se publicó originalmente el 20 de abril de 2020 y se actualizó.
Sobre el autor
Evangelista de tecnología corporativa y gerente de producto principal senior en Esri, que se enfoca en formas de ampliar el acceso a la información geográfica y ayuda a los usuarios a tener éxito con el sistema en línea ArcGIS. En un buen día estoy haciendo un mapa, en un gran día estoy en uno. Siga a @bernszukalski o envíe un correo electrónico a bszukalski@esri.com