Skip to content

Visor avanzado

1. Introducción

El visor avanzado de series temporales es una herramienta web interactiva diseñada para visualizar y analizar series temporales de datos multivariable derivados de imágenes de satélite.


2. Interfaz principal

La interfaz se organiza en los siguientes componentes:

Overview

  • Barra superior (1): selección de datasets, variables, modos de visualización, controles temporales.
  • Panel izquierdo (2): gestión de capas, leyendas y herramientas de usuario.
  • Panel derecho (3): información sobre el punto o área seleccionada.
  • Mapa (4): vista geoespacial principal.

3. Carga y exploración de datasets

Cada uno de los datasets contiene la serie temporal de un embalse.

  1. Selecciona un dataset del menú desplegable en la parte superior izquierda.

Dataset menu

  1. Una vez cargado, aparecerán las variables disponibles en el menú desplegable Variable.

Dataset variables

Las variables disponibles incluyen:

  • Bandas originales (con corrección atmosférica C2RCC).
  • Variables generadas por el corrector: conc_chl, conc_tsm, kd489, kd_z90max, kdmin.
  • Variables personalizadas: Chla y CDOM.

  • Haz clic en una variable para visualizarla en el mapa.
    Al seleccionar una variable, se representará la capa correspondiente a la fecha seleccionada.

Gestor temporal

4. Gestión de capas

  1. Despliega el menú de gestión de capas mediante el botón del panel izquierdo.

Gestor de capas

  1. Activa o desactiva las capas según necesidad, por ejemplo:

  2. Visualizar solo la variable sobre la cartografía base.

Gestor de capas

  • Visualizar la variable y la composición RGB de la misma fecha.

Gestor de capas

  • Visualizar únicamente la composición RGB.

Gestor de capas


5. Navegación temporal

  • Usa el control deslizante de tiempo (1) para avanzar o retroceder.
  • Selecciona una fecha concreta con el control de calendario (2).
  • Utiliza los controles de avance (3) para desplazarte item a item, ir al inicio o al final de la serie, o reproducir automáticamente con el botón ▶️.

Gestor de capas


6. Análisis de series temporales en puntos

  1. Elige la variable de interés (1).
  2. Selecciona la herramienta Añadir punto (2).
  3. Haz clic en un punto del mapa (3).
  4. En el panel derecho aparecerá un gráfico con la evolución temporal del valor en ese punto.

Gestor de capas


7. Análisis de series temporales en polígonos

Gestor de capas

  1. Elige la variable de interés (1).
  2. Selecciona la herramienta para añadir polígonos o círculos (2).
  3. Dibuja un polígono en el mapa (doble clic para cerrar).
  4. Se mostrará un gráfico con la evolución temporal de la media de la variable en el área seleccionada.

Nota: Si el polígono se sale de los límites del embalse, las partes externas se descartan automáticamente del análisis.


8. Herramientas de la gráfica de análisis de series temporales

Gestor de capas

  • Haciendo clic sobre un punto de la gráfica se cargará en el mapa la imagen correspondiente a esa fecha.
  • Puedes restringir el rango temporal de la gráfica.
  • Puedes activar/desactivar la desviación estándar.
  • Permite capturar la gráfica como imagen.
  • Con la herramienta de zoom puedes seleccionar un área para ampliarla.

Gestor de capas

  • Con el botón de Restablecer zoom vuelves a la vista completa.

Gestor de capas


9. Exportación de datos

El módulo de exportación permite descargar datos del análisis:

  1. Exportar los valores de las gráficas en formato texto.
  2. Exportar la geometría de los puntos o áreas analizadas.
  3. Combinar todas las geometrías en un único archivo.
  4. Exportar todos los datos comprimidos en un archivo ZIP.

Gestor de capas

Gestor de capas


10. Comparación de variables (Split Mode)

El modo Split permite comparar dos variables o una variable con su composición RGB dividiendo el mapa.

Gestor de capas

  1. Selecciona una variable de interés (1).
  2. Fija la variable con el botón correspondiente (3), que quedará en la parte izquierda del mapa.
  3. Activa el modo Split con el icono de dos pantallas (2).
  4. La vista se dividirá en dos mapas sincronizados.

Gestor de capas

  1. Selecciona la variable del lado derecho.
  2. Ajusta la proporción moviendo el control deslizante central.

Gestor de capas

Las interacciones de zoom, selección y tiempo están sincronizadas entre ambos paneles.


11. Gestión de capas en modo Split

Gestor de capas

  • El gestor de capas permite controlar qué capas se visualizan en cada lado.
  • Por ejemplo, puedes comparar una variable con su composición RGB en el lado opuesto.

Gestor de capas

Nota:
Las variables se muestran enmascaradas (eliminando tierra, nubes, sombras, reflejos), mientras que la imagen RGB no aplica máscara. Esto permite comprobar si una posible afectación se debe a nubes o reflejos.


12. Creación de variables de usuario

Las variables de usuario permiten generar nuevas variables mediante expresiones matemáticas.

Gestor de capas

Gestor de capas

  1. Haz clic en el icono del panel superior.
  2. Introduce nombre, título y unidades.
  3. Escribe una expresión basada en las variables disponibles, por ejemplo:
(rhow_B8A - rhow_B4) / (rhow_B8A + rhow_B4)
  1. Guarda la nueva variable y cierra el diálogo. La nueva variable aparecerá en el menú Variable.

Gestor de capas