FlowVisual: A Visualization App for Teaching and Understanding 3D Flow Field Concepts

Man Wang, Jun Tao, Jun Ma, Yang Shen, Chaoli Wang
{"title":"FlowVisual: A Visualization App for Teaching and Understanding 3D Flow Field Concepts","authors":"Man Wang, Jun Tao, Jun Ma, Yang Shen, Chaoli Wang","doi":"10.2352/ISSN.2470-1173.2016.1.VDA-476","DOIUrl":null,"url":null,"abstract":"The study of fluid behaviors has been a challenging topic. Flow visualization enables us to visually acquire qualitative and quantitative flow information. There exist various software tools performing different flow visualization tasks. However, we lack tools that help students learn important flow field concepts. In this paper, we present a visualization app, named FlowVisual which runs on iOS devices, to illustrate basic flow field concepts in 3D. In order to meet a comprehensive learning goal for students, we integrate a number of techniques into FlowVisual design, including field-line tracing, field-line comparison, critical point detection and classification, template-based seeding, and surface visualization. We evaluate and demonstrate the effectiveness of FlowVisual by conducting a formal user study including an introduction and training session, an auto-grading test, and a post-questionnaire survey. Introduction Fluid mechanics and computational fluid dynamics (CFD) are among the core courses in many engineering majors such as mechanical engineering, aerospace engineering, biomedical engineering, chemical engineering, and civil engineering. In these courses, it is important for students to acquire the knowledge of fundamental flow field concepts. Many of those concepts are not straightforward to learn. For instance, it is not easy for beginninglevel students to fully understand the differences between various kinds of field-lines and critical points. Commonly, these materials are taught by instructors through explaining concepts and definitions, drawing diagrams and illustrations, and occasionally, playing custom-made animations or video clips. Using intuitive and real flow examples proves to be an excellent way of learning. However, most examples available today are only designed for lecture or demonstration but not for student interaction or selflearning. Developing a pedagogical visualization tool holds the potential to help students better learn these essential flow field concepts through interactive exploration. In this paper, we present FlowVisual, an educational app running on iOS devices, to illustrate basic flow field concepts in 3D. This app is an extension of the desktop version of FlowVisual for 2D flow fields [14]. The desktop version has been used in classroom teaching of CFD course for multiple times and has received positive feedback from students. From our user study, we found that the app helped students with no previous 2D flow field knowledge understand concepts to the similar degree of students who had studied those concepts before. This new mobile FlowVisual is developed to illustrate the concepts in 3D space as cases in 3D are more common yet more challenging to understand in practice. Besides different kinds of field-lines, we also implemented stream surfaces in this app to enrich the perception of the flow field characteristics in a more continuous fashion. Our key deliverable is an app for classroom demonstration and for self-study by students and professionals. Its implementation on iPad makes it highly portable and accessible by anyone who is interested in learning and exploring key flow field concepts. The app has been used in a classroom environment and its effectiveness was evaluated through a formal user study involving students from mechanical engineering, electrical engineering, and computer science. The mobile FlowVisual is freely accessible in the App Store. The tutorial and evaluation materials are also available online so that instructors and students who are interested in our work can make use of them. Related Work Flow visualization plays a vital role in many scientific, engineering, and medical disciplines, offering users a graphical representation of their vector data for visual understanding, interpretation, and decision-making. For over two decades, flow visualization has been a central topic in scientific visualization, and a variety of techniques including glyph-based [10], texture-based [6], integration-based [8], topology-based [7], partition-based [12], and illustration-based [1] visualizations have been presented. Our tool focuses on integration-based flow visualization as it is most widely used in practice. For integration-based flow visualization, particles or seeds are placed in a vector field and advected over time. The traces or field-lines that the particles follow, e.g., streamlines for steady flow and pathlines for unsteady flow, depict the underlying vector data. Teaching the core concepts of fluid dynamics has not experienced significant changes over the years. A few published works discussed some recent advances. Hertzberg and Sweetman [5] designed a flow visualization course focusing on studio/laboratory experiences for mixed teams of students. The course content includes fluid flow physics, history of photography with respect to the relationship with science and art, as well as flow visualization and photography techniques. Their course proved to be very successful in attracting both graduate and undergraduate students, engineering women in particular. Settles et al. [13] argued that fluid mechanics is fundamentally visual, and visual topics can be taught by modern multimedia methods. They described a new series of 10-15 minutes narrated videos that use flow visualization to illustrate basic fluid mechanics concepts. Rossmann and Skvirsky [11] developed a sophomore-level seminar that exposes students to flow visualization techniques and the science of fluid mechanics, and to the photographic methods needed to create effective images. The fundamentals of fluid flow and photography were taught and practiced in a studio setting. As an interactive visualization app for learning flow field concepts, our FlowVisual builds on the solid education tool of iPad and provides an alternative to the above methods. Terms We give a brief introduction to some important concepts of flow fields. These concepts are incorporated into our FlowVisual design. Flow Field A flow field (or vector field) is an assignment of a velocity vector to each point in the domain to represent the movement of the flow. Essentially, it is a mapping","PeriodicalId":89305,"journal":{"name":"Visualization and data analysis","volume":"4 1","pages":"1-10"},"PeriodicalIF":0.0000,"publicationDate":"2016-02-14","publicationTypes":"Journal Article","fieldsOfStudy":null,"isOpenAccess":false,"openAccessPdf":"","citationCount":"7","resultStr":null,"platform":"Semanticscholar","paperid":null,"PeriodicalName":"Visualization and data analysis","FirstCategoryId":"1085","ListUrlMain":"https://doi.org/10.2352/ISSN.2470-1173.2016.1.VDA-476","RegionNum":0,"RegionCategory":null,"ArticlePicture":[],"TitleCN":null,"AbstractTextCN":null,"PMCID":null,"EPubDate":"","PubModel":"","JCR":"","JCRName":"","Score":null,"Total":0}
引用次数: 7

Abstract

The study of fluid behaviors has been a challenging topic. Flow visualization enables us to visually acquire qualitative and quantitative flow information. There exist various software tools performing different flow visualization tasks. However, we lack tools that help students learn important flow field concepts. In this paper, we present a visualization app, named FlowVisual which runs on iOS devices, to illustrate basic flow field concepts in 3D. In order to meet a comprehensive learning goal for students, we integrate a number of techniques into FlowVisual design, including field-line tracing, field-line comparison, critical point detection and classification, template-based seeding, and surface visualization. We evaluate and demonstrate the effectiveness of FlowVisual by conducting a formal user study including an introduction and training session, an auto-grading test, and a post-questionnaire survey. Introduction Fluid mechanics and computational fluid dynamics (CFD) are among the core courses in many engineering majors such as mechanical engineering, aerospace engineering, biomedical engineering, chemical engineering, and civil engineering. In these courses, it is important for students to acquire the knowledge of fundamental flow field concepts. Many of those concepts are not straightforward to learn. For instance, it is not easy for beginninglevel students to fully understand the differences between various kinds of field-lines and critical points. Commonly, these materials are taught by instructors through explaining concepts and definitions, drawing diagrams and illustrations, and occasionally, playing custom-made animations or video clips. Using intuitive and real flow examples proves to be an excellent way of learning. However, most examples available today are only designed for lecture or demonstration but not for student interaction or selflearning. Developing a pedagogical visualization tool holds the potential to help students better learn these essential flow field concepts through interactive exploration. In this paper, we present FlowVisual, an educational app running on iOS devices, to illustrate basic flow field concepts in 3D. This app is an extension of the desktop version of FlowVisual for 2D flow fields [14]. The desktop version has been used in classroom teaching of CFD course for multiple times and has received positive feedback from students. From our user study, we found that the app helped students with no previous 2D flow field knowledge understand concepts to the similar degree of students who had studied those concepts before. This new mobile FlowVisual is developed to illustrate the concepts in 3D space as cases in 3D are more common yet more challenging to understand in practice. Besides different kinds of field-lines, we also implemented stream surfaces in this app to enrich the perception of the flow field characteristics in a more continuous fashion. Our key deliverable is an app for classroom demonstration and for self-study by students and professionals. Its implementation on iPad makes it highly portable and accessible by anyone who is interested in learning and exploring key flow field concepts. The app has been used in a classroom environment and its effectiveness was evaluated through a formal user study involving students from mechanical engineering, electrical engineering, and computer science. The mobile FlowVisual is freely accessible in the App Store. The tutorial and evaluation materials are also available online so that instructors and students who are interested in our work can make use of them. Related Work Flow visualization plays a vital role in many scientific, engineering, and medical disciplines, offering users a graphical representation of their vector data for visual understanding, interpretation, and decision-making. For over two decades, flow visualization has been a central topic in scientific visualization, and a variety of techniques including glyph-based [10], texture-based [6], integration-based [8], topology-based [7], partition-based [12], and illustration-based [1] visualizations have been presented. Our tool focuses on integration-based flow visualization as it is most widely used in practice. For integration-based flow visualization, particles or seeds are placed in a vector field and advected over time. The traces or field-lines that the particles follow, e.g., streamlines for steady flow and pathlines for unsteady flow, depict the underlying vector data. Teaching the core concepts of fluid dynamics has not experienced significant changes over the years. A few published works discussed some recent advances. Hertzberg and Sweetman [5] designed a flow visualization course focusing on studio/laboratory experiences for mixed teams of students. The course content includes fluid flow physics, history of photography with respect to the relationship with science and art, as well as flow visualization and photography techniques. Their course proved to be very successful in attracting both graduate and undergraduate students, engineering women in particular. Settles et al. [13] argued that fluid mechanics is fundamentally visual, and visual topics can be taught by modern multimedia methods. They described a new series of 10-15 minutes narrated videos that use flow visualization to illustrate basic fluid mechanics concepts. Rossmann and Skvirsky [11] developed a sophomore-level seminar that exposes students to flow visualization techniques and the science of fluid mechanics, and to the photographic methods needed to create effective images. The fundamentals of fluid flow and photography were taught and practiced in a studio setting. As an interactive visualization app for learning flow field concepts, our FlowVisual builds on the solid education tool of iPad and provides an alternative to the above methods. Terms We give a brief introduction to some important concepts of flow fields. These concepts are incorporated into our FlowVisual design. Flow Field A flow field (or vector field) is an assignment of a velocity vector to each point in the domain to represent the movement of the flow. Essentially, it is a mapping
一个用于教学和理解3D流场概念的可视化应用程序
流体行为的研究一直是一个具有挑战性的课题。流动可视化使我们能够直观地获得定性和定量的流动信息。有各种软件工具执行不同的流程可视化任务。然而,我们缺乏工具来帮助学生学习重要的流场概念。在本文中,我们提出了一个名为FlowVisual的可视化应用程序,它运行在iOS设备上,以3D方式说明基本的流场概念。为了满足学生的综合学习目标,我们将许多技术集成到FlowVisual设计中,包括场线跟踪,场线比较,临界点检测和分类,基于模板的播种和表面可视化。我们通过进行正式的用户研究,包括介绍和培训课程、自动评分测试和问卷后调查,来评估和展示FlowVisual的有效性。流体力学和计算流体动力学(CFD)是机械工程、航空航天工程、生物医学工程、化学工程、土木工程等众多工程专业的核心课程之一。在这些课程中,学生掌握流场的基本概念是很重要的。其中许多概念并不容易学习。例如,对于初级水平的学生来说,要充分理解各种场线和临界点之间的区别并不容易。通常,这些材料由教师通过解释概念和定义,绘制图表和插图,偶尔播放定制的动画或视频剪辑来教授。使用直观和真实的流程示例被证明是一种极好的学习方式。然而,目前可用的大多数示例仅用于讲座或演示,而不是用于学生互动或自学。开发一种教学可视化工具可以帮助学生通过互动探索更好地学习这些基本的流场概念。在本文中,我们介绍了FlowVisual,一个运行在iOS设备上的教育应用程序,以3D方式说明基本的流场概念。这个应用程序是桌面版的FlowVisual的2D流场[14]的扩展。桌面版已多次用于CFD课程的课堂教学,得到了学生的积极反馈。从我们的用户研究中,我们发现这款app帮助没有2D流场知识的学生理解概念的程度与之前学习过这些概念的学生相似。开发这款新的移动FlowVisual是为了说明3D空间中的概念,因为3D案例更常见,但在实践中理解起来更具挑战性。除了不同种类的场线,我们还在这个应用程序中实现了流表面,以更连续的方式丰富流场特征的感知。我们的主要交付产品是一个用于课堂演示和学生和专业人士自学的应用程序。它在iPad上的实现使得它非常便携,任何对学习和探索关键流场概念感兴趣的人都可以访问它。该应用程序已在课堂环境中使用,并通过正式的用户研究评估了其有效性,该研究涉及机械工程、电气工程和计算机科学专业的学生。移动FlowVisual可以在App Store中免费访问。教程和评估材料也在网上提供,以便对我们的工作感兴趣的教师和学生可以使用它们。相关工作流可视化在许多科学、工程和医学学科中起着至关重要的作用,为用户提供矢量数据的图形化表示,以便进行可视化理解、解释和决策。在过去的二十年里,流可视化一直是科学可视化的中心话题,各种各样的技术,包括基于字形的[10]、基于纹理的[6]、基于集成的[8]、基于拓扑的[7]、基于分区的[12]和基于插图的[1]可视化已经被提出。我们的工具侧重于基于集成的流可视化,因为它在实践中使用最广泛。对于基于积分的流动可视化,粒子或种子被放置在矢量场中并随时间平流。粒子跟随的轨迹或场线,例如,稳定流动的流线和非稳定流动的路径线,描绘了潜在的矢量数据。多年来,流体动力学核心概念的教学并没有发生重大变化。一些已出版的著作讨论了最近的一些进展。Hertzberg和Sweetman[5]设计了一门流可视化课程,专注于学生混合团队的工作室/实验室体验。课程内容包括流体流动物理学、摄影史与科学与艺术的关系,以及流动可视化和摄影技术。 事实证明,她们的课程非常成功地吸引了研究生和本科生,尤其是工科女性。Settles等人认为流体力学基本上是可视化的,可视化的主题可以通过现代多媒体方法进行教学。他们描述了一系列新的10-15分钟的解说视频,使用流动可视化来说明基本的流体力学概念。Rossmann和Skvirsky开发了一个二年级水平的研讨会,让学生了解流动可视化技术和流体力学科学,以及创建有效图像所需的摄影方法。流体流动和摄影的基本原理是在工作室设置中教授和实践的。作为一个学习流场概念的交互式可视化应用程序,我们的FlowVisual建立在iPad坚实的教育工具之上,提供了上述方法的另一种选择。我们简要介绍了流场的一些重要概念。这些概念被纳入我们的FlowVisual设计。流场流场(或称矢量场)是将速度矢量分配到域中的每个点,以表示流的运动。本质上,它是一个映射
本文章由计算机程序翻译,如有差异,请以英文原文为准。
求助全文
约1分钟内获得全文 求助全文
来源期刊
自引率
0.00%
发文量
0
×
引用
GB/T 7714-2015
复制
MLA
复制
APA
复制
导出至
BibTeX EndNote RefMan NoteFirst NoteExpress
×
提示
您的信息不完整,为了账户安全,请先补充。
现在去补充
×
提示
您因"违规操作"
具体请查看互助需知
我知道了
×
提示
确定
请完成安全验证×
copy
已复制链接
快去分享给好友吧!
我知道了
右上角分享
点击右上角分享
0
联系我们:info@booksci.cn Book学术提供免费学术资源搜索服务,方便国内外学者检索中英文文献。致力于提供最便捷和优质的服务体验。 Copyright © 2023 布克学术 All rights reserved.
京ICP备2023020795号-1
ghs 京公网安备 11010802042870号
Book学术文献互助
Book学术文献互助群
群 号:604180095
Book学术官方微信