-
Notifications
You must be signed in to change notification settings - Fork 0
/
gallery.html
252 lines (235 loc) · 13.4 KB
/
gallery.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
209
210
211
212
213
214
215
216
217
218
219
220
221
222
223
224
225
226
227
228
229
230
231
232
233
234
235
236
237
238
239
240
241
242
243
244
245
246
247
248
249
250
251
252
<!DOCTYPE html>
<html>
<head>
<title>Marc T. Henry de Frahan | Gallery</title>
<link rel="stylesheet" href="style.css">
</head>
<body>
<div class="mainwrapper">
<div class="maintitle"><span class="maintitle">Gallery</span></div>
<div class="subtitle"><span class="subtitle">examples of my work</span></div>
<div class="floatingmenu">
<p style="margin-bottom: 0.8em;">
<span class="gray"><a href="index.html">Home</a></span>
</p>
<p style="margin-bottom: 0.8em;">
<span class="gray"><a href="about.html">About me</a></span>
</p>
<p style="margin-bottom: 0.8em;">
<span class="black"><a href="gallery.html">Gallery</a>
<span class="small"><br>
<span class="blue">></span>
<span class="gray"><a href="#sc-2023">Wind farm</a></span><br>
<span class="blue">></span>
<span class="gray"><a href="#gfm-2023">sCO2 combustor</a></span><br>
<span class="blue">></span>
<span class="gray"><a href="#gfm-2022">RCCI engine</a></span><br>
<span class="blue">></span>
<span class="gray"><a href="#gfm-2020">Supersonic flameholder</a></span><br>
<span class="blue">></span>
<span class="gray"><a href="#multigpu">Multi-GPU</a></span><br>
<span class="blue">></span>
<span class="gray"><a href="#shckdrp">Shock-drop</a></span><br>
<span class="blue">></span>
<span class="gray"><a href="#stfbubl">Shock-bubble</a></span><br>
<span class="blue">></span>
<span class="gray"><a href="#drpwall">Drop-wall</a></span><br>
<span class="blue">></span>
<span class="gray"><a href="#khblast">Shear flow</a></span><br>
<span class="blue">></span>
<span class="gray"><a href="#purerm">RM instability</a></span><br>
<span class="blue">></span>
<span class="gray"><a href="#rmmulti">Multi-layer RM</a></span><br>
<span class="blue">></span>
<span class="gray"><a href="#blastrm">Blast-interface</a></span>
</span>
</p>
<p style="margin-bottom: 0.8em;">
<span class="gray"><a href="links.html">Links</a></span>
</p>
</div>
<div class="maintext">
<!------------------------------------------------------------------------------------>
<!-- -->
<!------------------------------------------------------------------------------------>
<p style="position:relative; left: -12em; margin-bottom: 1.5em">
<span style="font-size: 12pt">
<a name="sc-2023">Simulation of a wind farm using ExaWind</a></span><br>
<span class="gray">Best Visualization Award Supercomputing 2023</span></p>
<p style="margin-left:-10em; margin-bottom:2em">
<iframe width="560" height="315" allowfullscreen="" frameborder="0" src="https://www.youtube.com/embed/d8AEnX8EpVg?si=r7Kxi68oaNaIaPNZ"></iframe></p>
<!------------------------------------------------------------------------------------>
<!-- -->
<!------------------------------------------------------------------------------------>
<p style="position:relative; left: -12em; margin-bottom: 1.5em">
<span style="font-size: 12pt">
<a name="gfm-2023">Lighting a Match in a Fire Extinguisher: Oxycombustion in a Supercritical Carbon Dioxide Turbine</a></span><br>
<span class="gray">2023 GFM entry</span></p>
<p style="margin-left:-10em; margin-bottom:2em">
<iframe width="560" height="315" allowfullscreen="" frameborder="0" src="https://www.youtube.com/embed/1xgEVk5Lkms?si=N3GkOaLXgGiJZul1"></iframe></p>
<!------------------------------------------------------------------------------------>
<!-- -->
<!------------------------------------------------------------------------------------>
<p style="position:relative; left: -12em; margin-bottom: 1.5em">
<span style="font-size: 12pt">
<a name="gfm-2022">Simulation of an RCCI Engine using the Pele Suite of Exascale Codes</a></span><br>
<span class="gray">2022 APS/DFD Milton van Dyke Award Winner</span></p>
<p style="margin-left:-10em; margin-bottom:2em">
<iframe width="560" height="315" allowfullscreen="" frameborder="0" src="https://www.youtube.com/embed/XNKDs0mkym0"></iframe></p>
<!------------------------------------------------------------------------------------>
<!-- -->
<!------------------------------------------------------------------------------------>
<p style="position:relative; left: -12em; margin-bottom: 1.5em">
<span style="font-size: 12pt">
<a name="gfm-2020">Direct fuel injection effects in a supersonic cavity flameholder</a></span><br>
<span class="gray">2020 APS/DFD Gallery of Fluid Motion Award Winner</span></p>
<p style="margin-left:-10em; margin-bottom:2em">
<iframe width="560" height="315" allowfullscreen="" frameborder="0" src="https://www.youtube.com/embed/hrwgCJFrIZo"></iframe></p>
<!------------------------------------------------------------------------------------>
<!-- -->
<!------------------------------------------------------------------------------------>
<p style="position:relative; left: -12em; margin-bottom: 1.5em">
<span style="font-size: 12pt">
<a name="multigpu">Multi-GPU parallel implementation through CUDA and MPI</a></span></p>
<p style="margin-left:-10em; margin-bottom:4em">
<img class="left" src="./pics/multigpu.png" alt="setup" height="150"></p>
<!------------------------------------------------------------------------------------>
<!-- -->
<!------------------------------------------------------------------------------------>
<p style="position:relative; left: -12em; margin-bottom: 1.5em">
<span style="font-size: 12pt">
<a name="shckdrp">Shock (Mach 2.5) impacts a drop of water in air</a></span></p>
<p style="margin-left:-10em; margin-bottom:2em">
<img class="left" src="./video/shckdrp/shckdrp.png" alt="setup" height="200"></p>
<p style="margin-left:-10em; margin-bottom:4em">
<video width="550" controls loop>
<source src="./video/shckdrp/density.mp4" type="video/mp4">
<source src="./video/shckdrp/density.ogg" type="video/ogg">
<object data="./video/shckdrp/density.mp4" width="320" height="240">
<embed src="./video/shckdrp/density.swf" width="320" height="240">
</object>
</video>
</p>
<p style="margin-left:-10em; margin-bottom:4em">
<video width="550" controls loop>
<source src="./video/shckdrp/mach.mp4" type="video/mp4">
<source src="./video/shckdrp/mach.ogg" type="video/ogg">
<object data="./video/shckdrp/mach.mp4" width="320" height="240">
<embed src="./video/shckdrp/mach.swf" width="320" height="240">
</object>
</video>
</p>
<!------------------------------------------------------------------------------------>
<!-- -->
<!------------------------------------------------------------------------------------>
<p style="position:relative; left: -12em; margin-bottom: 1.5em">
<span style="font-size: 12pt">
<a name="stfbubl">Strong shock (19GPa) impacting an air bubble in water</a></span></p>
<p style="margin-left:-10em; margin-bottom:1em">
<span class="gray">Simulated Schlieren of density. Problem first defined by <a href="http://dx.doi.org/10.1007/s001930000060">Ball et al.</a></span></p>
<p style="margin-left:-10em; margin-bottom:4em">
<video width="550" controls loop>
<source src="./video/stfbubl/stfbubl.mp4" type="video/mp4">
<source src="./video/stfbubl/stfbubl.ogg" type="video/ogg">
<object data="./video/stfbubl/stfbubl.mp4" width="320" height="240">
<embed src="./video/stfbubl/stfbubl.swf" width="320" height="240">
</object>
</video>
</p>
<!------------------------------------------------------------------------------------>
<!-- -->
<!------------------------------------------------------------------------------------>
<p style="position:relative; left: -12em; margin-bottom: 1.5em">
<span style="font-size: 12pt">
<a name="drpwall">Water drop at Mach 1.5 impacting on a wall</a></span></p>
<p style="margin-left:-10em; margin-bottom:2em">
<img class="left" src="./video/drpwall/drpwall.png" alt="setup" height="200"></p>
<p style="margin-left:-10em; margin-bottom:4em">
<video width="550" controls loop>
<source src="./video/drpwall/drpwall.mp4" type="video/mp4">
<source src="./video/drpwall/drpwall.ogg" type="video/ogg">
<object data="./video/drpwall/drpwall.mp4" width="320" height="240">
<embed src="./video/drpwall/drpwall.swf" width="320" height="240">
</object>
</video>
</p>
<!------------------------------------------------------------------------------------>
<!-- -->
<!------------------------------------------------------------------------------------>
<p style="position:relative; left: -12em; margin-bottom: 1.5em">
<span style="font-size: 12pt">
<a name="khblast">Blast-driven high-energy-density shear flow</a></span></p>
<p style="margin-left:-10em; margin-bottom:1em">
<span class="gray">High-energy density blast wave initiated on the left drives a shear flow between<br>light material (foam, top) and a denser material (plastic, bottom). This simulation<br>models the experiment presented in <a href="http://dx.doi.org/10.1063/1.4872223"> Di Stefano et al.</a></p>
<p style="margin-left:-10em; margin-bottom:2em">
<img class="left" src="./video/khblast/khblast.png" alt="setup" height="150"></p>
<p style="margin-left:-10em; margin-bottom:4em">
<video width="550" controls loop>
<source src="./video/khblast/khblast.mp4" type="video/mp4">
<source src="./video/khblast/khblast.ogg" type="video/ogg">
<object data="./video/khblast/khblast.mp4" width="320" height="240">
<embed src="./video/khblast/khblast.swf" width="320" height="240">
</object>
</video>
</p>
<!------------------------------------------------------------------------------------>
<!-- -->
<!------------------------------------------------------------------------------------>
<p style="position:relative; left: -12em; margin-bottom: 1.5em">
<span style="font-size: 12pt">
<a name="purerm">Richtmyer-Meshkov instability</a></span></p>
<p style="margin-left:-10em; margin-bottom:1em">
<span class="gray">A Mach 1.21 shock moving downwards interacts with an air-SF6 interface. This<br>simulation models the experiment presented in <a href="http://dx.doi.org/10.1017/S0022112002008844">Collins et al.</a></span></p>
<p style="margin-left:-10em; margin-bottom:2em">
<video width="550" controls loop>
<source src="./video/purerm/purerm.mp4" type="video/mp4">
<source src="./video/purerm/purerm.ogg" type="video/ogg">
<object data="./video/purerm/purerm.mp4" width="320" height="240">
<embed src="./video/purerm/purerm.swf" width="320" height="240">
</object>
</video>
</p>
<p style="margin-left:-10em; margin-bottom:4em">
<span class="gray">Growth of the perturbed interface as a function of time. Black squares: experiment;<br>solid red: simulation</span><br><img class="centered" src="./pics/gf_rm.png" alt="Perturbation growth" height="300"></p>
<!------------------------------------------------------------------------------------>
<!-- -->
<!------------------------------------------------------------------------------------>
<p style="position:relative; left: -12em; margin-bottom: 1.5em">
<span style="font-size: 12pt">
<a name="rmmulti">Richtmyer-Meshkov instability with multiple layers</a></span></p>
<p style="margin-left:-10em; margin-bottom:1em">
<span class="gray">A Mach 1.21 shock moving downwards interacts with multiple layers of gases<br>(air-SF6-heavy gas-air). More details can be found in <a href="http://dx.doi.org/10.1007/s00193-014-0539-y"> Henry de Frahan et al.</a></span></p>
<p style="margin-left:-10em; margin-bottom:4em">
<video width="550" controls loop>
<source src="./video/rmmulti/rmmulti.mp4" type="video/mp4">
<source src="./video/rmmulti/rmmulti.ogg" type="video/ogg">
<object data="./video/rmmulti/rmmulti.mp4" width="320" height="240">
<embed src="./video/rmmulti/rmmulti.swf" width="320" height="240">
</object>
</video>
</p>
<!------------------------------------------------------------------------------------>
<!-- -->
<!------------------------------------------------------------------------------------>
<p style="position:relative; left: -12em; margin-bottom: 1.5em">
<span style="font-size: 12pt">
<a name="blastrm">Blast wave interacting with perturbed air-SF6 interface</a></span></p>
<p style="margin-left:-10em; margin-bottom:4em">
<video width="550" controls loop>
<source src="./video/blastrm/blastrm.mp4" type="video/mp4">
<source src="./video/blastrm/blastrm.ogg" type="video/ogg">
<object data="./video/blastrm/blastrm.mp4" width="320" height="240">
<embed src="./video/blastrm/blastrm.swf" width="320" height="240">
</object>
</video>
</p>
<p style="margin-bottom: 0em; margin-top: 4em; margin-left:23.0em;">
<span class="small">
<span class="gray"><a href="index.html">Home</a></span><span class="blue"> | </span>
<span class="gray"><a href="./docs/cv.pdf" target="_blank">CV</a></span>
</span>
</p>
</div>
</div>
</body>
</html>