Estado del borrador: traducción de trabajo reconciliada con el Markdown inglés v10 de HydroBID Flood. No se localizó una fuente española legada específica de HydroBID Flood; las capturas de pantalla con texto visible permanecen sin revisar y requieren captura o aprobación en español.

Tareas pendientes: completar la revisión lingüística, validar las etiquetas de interfaz conservadas en inglés y aprobar las capturas antes de publicar.

Crear gráficos y animaciones de alto impacto con ParaView¶

ParaView es una aplicación de análisis y visualización de datos de código abierto y multiplataforma. Permite crear rápidamente visualizaciones para analizar los resultados del modelo mediante técnicas cualitativas y cuantitativas. La exploración de datos puede hacerse de forma interactiva en 2D y 3D o mediante las capacidades de procesamiento por lotes de ParaView.

Este tutorial demostrará el uso de ParaView para generar gráficos de alta calidad, incluidos mapas de profundidad, campos de velocidad, visualizaciones 3D y animaciones de resultados de HydroBID Flood.

Note

Este tutorial requiere ParaView versión 5.8.1 o posterior. Puede descargar e instalar ParaView versión 5.8.1 o posterior desde el sitio web www.paraview.org. Para crear los gráficos de ParaView, el modelo HydroBID Flood debe generar durante la ejecución los archivos '.vtk' mediante la opción Create graphic output files del panel Graphic Output Options de Hydronia Data Input Program.

Conceptos básicos de ParaView¶

Después de cargar ParaView, en la ventana principal se pueden identificar los siguientes componentes (consulte la Figura 21.1):

Para abrir el archivo de grupo del ejemplo del tutorial, haga clic en en la barra de menú y haga doble clic en el grupo de archivos 'BridgeTutorial..vtk' de la carpeta 'ParavirewTutorial'. El grupo contiene varios archivos '.vtk', donde cada archivo corresponde a un tiempo específico de la simulación.

Hágalo visible haciendo clic en Apply en la pestaña Properties. El gráfico siguiente en el Render View layout se verá así:

Usando la barra de herramientas de control de tiempo (consulte la Figura 21.3), seleccione un tiempo para visualizar la variable seleccionada.

El gráfico cambiará según el tiempo de simulación seleccionado. Por ejemplo, para Time = 2 debería verse similar a lo siguiente:

Una visualización adecuada depende de seleccionar una escala de colores para una variable definida. En la figura anterior se seleccionó la escala de colores predeterminada asociada con la variable de profundidad (h). La siguiente sección muestra cómo personalizar la representación en color.

Visualizaciones bidimensionales (2D)¶

Crear un mapa 2D de elevación del lecho¶

ParaView tiene muchos filtros para visualizar datos 1D, 2D y 3D. En esta parte del tutorial crearemos un gráfico 2D de elevación del lecho. Seleccione la variable de elevación del lecho z en el Variable selector:

La representación de la elevación del lecho z se verá así:

Aunque es posible personalizar los mapas de color, veremos cómo hacerlo más adelante en este tutorial; para este ejemplo usaremos un color predefinido.

Haga clic en en la pestaña Properties para elegir el mapa de color Rainbow Desaturated en el cuadro de diálogo Choose Preset. Una vez seleccionado, haga clic en Apply/Close.

El gráfico resultante muestra la elevación del lecho z.

Crear campos vectoriales de velocidad 2D¶

Para crear una visualización 2D del flujo y su magnitud con los datos del proyecto, comenzaremos con una representación de la profundidad del agua h en una escala de color de blanco a azul. El primer paso es seleccionar h en el Variable selector. Para cambiar el mapa de color de la profundidad del agua h a blanco y azul, haga clic en , elija el color predefinido XRay y haga clic en Apply/Close. El Mapping Data debería verse así:

Haga doble clic en el círculo derecho de la barra de marcadores de rango y seleccione cualquier color azul en el cuadro de diálogo Select Color. En este ejemplo se usan Red = 0, Green = 85 y Blue = 255; haga clic en OK.

El Mapping Data se verá como sigue:

Establezca Time = 20; el resultado debería verse así:

Para crear un mapa 2D de vectores de velocidad para este ejemplo, siga estos pasos:

Seleccione BridgeTutorial* en el Pipelines Browser.
En el menú Filters, seleccione Common/Glyph.
Haga clic en Apply en el panel Properties. Después ajustará las flechas grandes.
Configure el campo vectorial en el panel Properties de la siguiente manera:
- Glyph type: 2D Glyph
- Scale Array: modU (módulo de velocidad)
- Scale Factor: 35
- Glyph mode: Every Nth Point
- Haga clic en Apply para visualizar la configuración del filtro. El usuario puede presionar este botón cada vez que se hagan cambios.
- Coloring: modU
Elija la escala de color Rainbow Desaturated haciendo clic en y luego en Apply/Close.

Para guardar el proyecto de ParaView, seleccione File/Save State. Esto guardará un archivo '.pvsm'.

Visualizaciones tridimensionales (3D)¶

En esta parte del tutorial explicaremos los pasos para crear una visualización 3D usando ParaView. Comenzamos donde termina la sección 21.2. Esto supone que tenemos una visualización de la variable de elevación del lecho (z) usando el mapa de color Rainbow Desaturated.

Abra el grupo 'BridgeTutorial..vtk' como se explicó en la sección 21.1 y seleccione la variable de elevación del lecho z en el Variable selector. La vista de renderizado debería verse como en la siguiente figura:

Para generar una visualización 3D en ParaView se requiere una interpolación de Cell Data to Node Data, como se indica a continuación.

Seleccione Cell Data to Point Data en el menú Filters/Alphabetical. Luego presione el botón Apply en la pestaña Properties.
Seleccione nuevamente z en el Variable selector. Observe que la vista de color es más suave debido a la interpolación. El resultado debería verse así:

La apariencia 3D se obtiene extruyendo una de las variables de datos z o (h+z).
Con CellDatatoPoint seleccionado en el Pipeline Browser, seleccione Warp by Scalar en el menú Filters/Alphabetical para realizar la extrusión y luego haga clic en Apply.
Configure la pestaña Properties de la siguiente manera:
- Scalars = z
- Scale Factor = 25
Haga clic en Apply.
Elija z en el Variable selector.
Cambie de la visualización 2D a la 3D en la vista Layout Render para manipular el proyecto en 3D.
Elimine el mapa de color de la elevación del lecho z seleccionando Solid Color en el menú desplegable Coloring de la pestaña Properties:
El Solid Color se puede personalizar haciendo clic en el icono Edit color map en la pestaña Properties. Una vez elegido el color deseado en la pestaña Pick Solid Color (en este ejemplo se usa HTML=#ecb57d), la Render view debería verse así:

Para ver el terreno desde distintos puntos, use el botón izquierdo del mouse para rotar, presione la rueda del mouse para trasladar y desplácela para acercar o alejar la imagen.

Usando la Viewpoint Toolbar (Figura 21.22), puede agregar distintos puntos de vista del gráfico haciendo clic en .

La siguiente imagen se generó usando un punto de vista alternativo.

Para volver a las vistas predefinidas, use la barra de herramientas Camera control.

Una visualización más sofisticada puede incluir capas adicionales. En la siguiente sección agregaremos dos capas más: la elevación del agua (h+z) y el campo vectorial de velocidad.

Crear un gráfico 3D de elevación del agua agregando una capa (h+z)¶

Siga estos pasos para crear la capa (h+z):

Haga clic en el elemento CellDataToPointData del Pipeline Browser y seleccione Warp by Scalar en Filter/Alphabetical. Se creará un elemento WrapByScalar2 en el Pipeline Browser.
Seleccione un tiempo \(\neq 0\) en la Time control toolbar, por ejemplo
Configure el panel Properties de la siguiente manera:
- Scalars = (h+z)
- Scale factor = 25 (muy importante)
Haga clic en el botón Apply. Compruebe que h esté en el Variable selector.
Haga clic en y elija el mapa de color Rainbow Desaturated; luego haga clic en Apply/Close.

La vista de renderizado resultante debería verse así:

Como se observa en esta figura, las capas correspondientes a las variables z y (h+z) se superponen en las áreas secas del dominio, lo que genera una presentación confusa. Una forma sencilla de corregir este problema es eliminar los valores de profundidad del agua h inferiores a un valor definido por el usuario para evitar la superposición:

Haga clic en WrapbyScalar2 en el Pipeline Browser y seleccione Threshold en Filter/Common del menú principal.
Haga clic en Apply en el panel Properties y compruebe que h esté en el Variable selector.
Establezca el valor mínimo en 0.01 m. Las profundidades (h) inferiores a este mínimo no aparecerán en la representación en color.
Haga clic en Apply; el resultado debería ser el siguiente:

Con la capa Threshold seleccionada, cambie el mapa de color de la profundidad del agua h a blanco y azul, como se explicó en la Sección [1.2.2] de este tutorial. El gráfico resultante debería verse así:

Crear un gráfico de campo de velocidad¶

Siga estos pasos para crear un gráfico de campo de velocidad:

Seleccione el elemento Threshold en el Pipeline Browser.
En el menú Filters, seleccione Common/Glyph y haga clic en Apply.
Configure el panel Properties de la siguiente manera:
- Glyph type = 2D Glyph
- Orientation Array = velocity
- Scale Array = modU (módulo de velocidad)
- Scale Factor = 25
- Glyph mode = Every Nth Point (para evitar la saturación de flechas en la visualización)
- Haga clic en el botón Apply para visualizar inmediatamente la configuración del filtro; el usuario puede presionar este botón después de cada uno de los pasos anteriores.
- Establezca Coloring como (modU) para la representación del mapa de color y elija el color predefinido Rainbow desaturated; luego haga clic en Apply/Close.
Seleccione Time \(\neq\) 0 como tiempo actual en la barra de control de tiempo. En este ejemplo, elija, por ejemplo, Time=3.

Después de estos pasos, el gráfico debería verse así:

Para guardar este proyecto de ParaView, seleccione File/Save State y cree un archivo '.pvsm'. Para cargar cualquiera de los proyectos guardados, seleccione File/Load State y elija un archivo '.pvsm'.

Generación de animaciones¶

Con el proyecto de ParaView cargado en el equipo, para crear una animación o película vaya a File/Save Animation y cree un archivo de tipo '.avi'. Se mostrará el cuadro de diálogo Save Animation Options:

En este diálogo, el usuario puede configurar la frecuencia de cuadros del video, el número de cuadros por paso de tiempo, la resolución (en píxeles) y el rango de pasos de tiempo. Para reducir el tamaño del archivo de video de salida, también hay un modo de compresión disponible. Tenga en cuenta que esto también reducirá la calidad del video de la animación. Como ejemplo, las figuras siguientes muestran tres cuadros del video de salida generado de esta manera, correspondientes a seis tiempos de simulación diferentes.

Cuadros de tiempo de animación.

Representación de Streamlines¶

Las líneas de corriente representan la dirección instantánea de la velocidad y se dibujan como líneas continuas que pueden converger o divergir entre sí. Se dibujan a intervalos aproximadamente uniformes para capturar el flujo en todas las áreas.

Para crear Streamlines con ParaView, siga estos pasos:

Abra la aplicación ParaView en su computadora.
Cargue el complemento StreamLinesRepresentation en Tools/Manage Plugins desde el menú principal.
Abra el archivo de grupo 'BridgeTutorial..vtk' y seleccione Apply.
Seleccione un tiempo diferente de 0 en la barra de control de tiempo.
Seleccione velocity en el Variable selector.
En el panel Properties, seleccione:
- Representation = StreamLines
- Step Length = 1
- Number of Particles = 1000
- Max Time to Live = 600
Para mostrar las Streamlines en un solo color, seleccione Coloring = Solid en el panel de propiedades, haga clic en y seleccione un color.

La siguiente figura muestra el aspecto de las StreamLines:

Si carga un archivo de proyecto de ParaView '.pvsm', debe desactivar los filtros en el Pipeline Browser haciendo clic en los ojos abiertos, de modo que solo quede abierta la capa '*.vtk'.