¿Cómo visualizar datos en los Dashboards cargados desde un Portal Open Data?

ES | EN

Creación de Fuentes de Datos

1. Para representar los datos en el dashboard (tablero de mandos), puedes utilizar una estructura intermedia llamada "Fuente de datos" (datasource). Una "Fuente de datos" es una abstracción de datos de una o varias ontologías, para que puedes definir las entidades necesarias para ser representadas:

2. Crea tu primera Fuente de Datos 1: Población Histórica de la Ciudad

La primera datasource será la representación en bruto de todos los datos de la ontología. En el menú "Visualización → Mis fuentes de datos",

haz clic en +Crear:

Después rellena la "identificación" con los campos CityHistoricalPopulation y "Datasource Query". La consulta puede ser validada usando el botón "Ejecutar consulta".

Para crear la fuente de datos, presiona Nuevo.

3. Crear Fuente de Datos 2: Población de la Ciudad 2015:

En este caso, la creación de la fuente de datos para mostrar la población de 2015 sería:

Crea la fuente de datos con el nombre "CityPopulation2015" presionando Nuevo.

4. Fuente de datos 3: SampleCitiesPopulation: Si queremos comparar la población de tres ciudades por año, filtra por estas ciudades para crear un entorno de trabajo más sencillo.

Muestra de datos brutos (Raw data):

Fuente de datos con resultado esperado para la muestra de datos brutos:

La fuente de datos permite la independencia entre el formato de información almacenada y el formato de visualización. En este caso, puedes crear la fuente de datos "SamplecitiesPopulation" con la siguiente consulta:

select
sum(D.HelsinkiPopulation) as HelsinkiPopulation,
sum(D.HamburgPopulation) as HamburgPopulation,
sum(D.CopenhagenPopulation) as CopenhagenPopulation,
sum(D.StockholmPopulation) as StockholmPopulation,
sum(D.BrusselPopulation) as BrusselPopulation,
year
from(
select 
(Case when C.CityPopulation.CityName ="Helsinki" then C.CityPopulation.Population else 0 end) as HelsinkiPopulation,
(Case when C.CityPopulation.CityName ="Hamburg" then C.CityPopulation.Population else 0 end) as HamburgPopulation,
(Case when C.CityPopulation.CityName ="København (Copenhagen)" then C.CityPopulation.Population else 0 end) as CopenhagenPopulation,
(Case when C.CityPopulation.CityName ="Stockholm" then C.CityPopulation.Population else 0 end) as StockholmPopulation,
(Case when C.CityPopulation.CityName ="Bruxelles-Brussel" then C.CityPopulation.Population else 0 end) as BrusselPopulation,
C.CityPopulation.Year as year
from CityPopulation as C where 
C.CityPopulation.CityName in ("Bruxelles-Brussel", "Hamburg", "København (Copenhagen)", "Stockholm", "Helsinki") group by C.CityPopulation.Year limit 500) as D 

 
El campo "Resultados de la consulta de la fuente de datos" (Datasource query results) mostrará el resultado esperado.

5. Fuente de datos 4: YearsForCityPopulation: El último ejemplo de fuente de datos será la creación de una lista con los valores de población por año. Esa consulta sería:

Creación de gadgets

1. Creación de gadgets: Una vez definidas las fuentes de datos, crea la representación gráfica de los datos. Ve a los gadgets en el menú Visualización → Mis Gadgets:

Después haz clic en Crear.

Para este ejemplo, crearás cuatro gadgets:

Gadget 1: Mapa de Población 2015: Utilizando la fuente de datos "CityPopulation2015" y seleccionando la representación del mapa:

 

 
Rellena los campos como sigue:

• Coordenadas geográficas: latitud y longitud.
• Punto Id: "CityPopulation.CityName" (Población de ciudad, nombre de ciudad).
• PopUp: Campos que se muestran al hacer clic en el alfiler: país, ciudad y población.
• Nombre: Nombre de los datos representados.

Después de seleccionar los campos, puedes ver una previsualización del gadget:

Una vez terminado, presiona Nuevo para guardar el gadget.

Gadget 2: Población histórica: El siguiente gadget será un gráfico de líneas:

Después de seleccionar Línea, debes llenar dos secciones:

• Configuración del eje del gadget: puedes crear tantas escalas como necesite en el eje Y. Esto es muy útil para representar diferentes series de escalas. En este ejemplo, llámalo "Miles de habitantes".
• Medidas: representa la serie a pintar; en este ejemplo, años en el eje X y población en el eje Y.

El resultado debería ser:

Gadget 3: Barra de comparación de población:

En el siguiente gadget, comparativo de diferentes ciudades, selecciona la fuente de datos "SampleCitiesPopulation" y el tipo de gráfico BARRA:

Las medidas que seleccionarás son las series temporales de cada ciudad (Copenhague, Estocolmo y Helsinki).

Gadget 4: Radar de comparación de población: Otra opción para comparar la población entre ciudades es a través de un gráfico RADAR. En este ejemplo, utilizarás la misma fuente de datos "SampleCitiesPopulation", y luego definirás la misma serie temporal:
|

Creación del Dashboard

1. Una vez creados los gadgets, debes crear el dashboard en el menú Visualización → Dashboards:
2. 
   

Crea un nuevo dashboard "Población histórica".

Por defecto, aparecerá como un dashboard en blanco.

Las diferentes opciones para trabajar con los cuadros de mando se indican en la herramienta de la barra:

Las opciones son:

• • Agregar Gadget al dashboard (1).
  • Enlace de datos: Para usar los gadgets como filtro para otros gadgets (2).
  • Configuración de la página del dashboard (3).
  • Guardar los cambios (4).
  • Cambiar el menú: Muestra u oculta el menú lateral para navegar por las páginas del dashboard (5).

Cada gadget añadido tiene sus propias propiedades que también pueden ser modificadas.

En primer lugar, añade el gadget de mapa creado en el paso anterior haciendo clic en añadir elemento y luego arrastrando el elemento MAPA al espacio de trabajo:

Selecciona después el gadget "Mapa de población 2015".

Una vez que el gadget está en la pantalla, puedes moverlo o escalarlo::

Después puedes agregar el resto de los gadgets:

• Gadget de LÍNEA "Población Histórica".
• Gadget de RADAR "Comparación de Población-Radar".
• Gadget de BARRAS "Barra de Comparación de Población".

El resultado será algo similar a:

Ahora agrega un componente LiveHtml que será usado como filtro de año:

Puedes editar el componente LiveHtml seleccionando la fuente de datos del año:

Para este elemento, elimina los encabezados haciendo clic en el siguiente icono:

Y después desactivando la verificación de la cabecera del widget.

Cuando hayas acabado, tendrás que vincular todos los gadgets que se utilizarán como filtros entre ellos, a través de la funcionalidad datalink, en dos ejemplos:

Filtro de dashboard

1. Mapa como un filtro para el gráfico de líneas. Ve al botón "Datalink" y selecciona:

• Source gadget (Gadget fuente) → Mapa de población 2015 (mapa).
• Source field (Campo fuente) → CityPopulation.CityName
• Target gadget (Gadget objetivo) → Población histórica (línea).
• Target field (Campo objetivo) → CityPopulation.CityName

Entonces pulsa + para añadir el enlace.

2. LiveHtml como selector de año para el gráfico de barras:

• Source gadget (Gadget fuente) → Mapa de población 2015 (mapa).
• Source field (Campo fuente) → CityPopulation.CityName
• Target gadget (Gadget objetivo) → Población histórica (línea).
• Target field (Campo objetivo) → CityPopulation.CityName

Un ejemplo de navegación sería:

Para eliminar el filtro, puedes pulsar el icono que aparece en los gadgets filtrados:  

Al pulsar sobre el icono, puedes eliminar los filtros:

Una vez eliminado, el contenido del gadget se actualizará.