Skip to content

Commit 9e216d8

Browse files
sbryngelsonclaude
sbryngelson
and
claude
committed
Extract simulation data to simulations.json
Move the inline sims array from index.html to a standalone simulations.json file, enabling other sites to fetch and display MFC simulation showcases automatically. Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>
1 parent 5674a63 commit 9e216d8

2 files changed

Lines changed: 27 additions & 28 deletions

File tree

‎docs/index.html‎

Lines changed: 7 additions & 28 deletions
Original file line numberDiff line numberDiff line change
@@ -46,38 +46,11 @@
4646
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.0/css/all.min.css">
4747
<link rel="icon" type="image/x-icon" href="res/icon.ico">
4848
<script>
49-
const sims = [
50-
// Rockets & jets
51-
{ name: "Mach 12 Starship Super Heavy", image: "res/simulations/o.png", computer: "Alps", computerUrl: "https://www.cscs.ch/computers/alps/", accelerators: "5K GH200s", walltime: "18h", source: "https://www.youtube.com/watch?v=NSn3OVF8N4I" },
52-
{ name: "Mach 10 triple jet booster", image: "res/simulations/n.png", computer: "Frontier", computerUrl: "https://www.olcf.ornl.gov/frontier/", accelerators: "10K GCDs", walltime: "12h", source: "https://www.youtube.com/watch?v=pMUl55xqGgM" },
53-
{ name: "Mach 2 flow over a sphere", image: "res/simulations/i.png", computer: "Phoenix", computerUrl: "https://www.pace.gatech.edu/", accelerators: "36 V100s", walltime: "30m", source: "https://www.youtube.com/watch?v=HQGSUvYEGqM" },
54-
{ name: "Mach 2 shear layer", image: "res/simulations/j.png", computer: "Phoenix", computerUrl: "https://www.pace.gatech.edu/", accelerators: "32 V100s", walltime: "15m", source: "https://www.youtube.com/watch?v=GtcdCHLmJO8" },
55-
// Aerodynamics
56-
{ name: "Flow over an airfoil (vorticity)", image: "res/simulations/g.png", computer: "Delta", computerUrl: "https://www.ncsa.illinois.edu/research/project-highlights/delta/", accelerators: "128 A100s", walltime: "19h", source: "https://www.youtube.com/watch?v=FvAgnBW59cY" },
57-
{ name: "Pitching airfoil (3D)", image: "res/simulations/m.png", computer: "Phoenix", computerUrl: "https://www.pace.gatech.edu/", accelerators: "1 A100", walltime: "5h", source: "https://www.youtube.com/watch?v=2XH-9MumDHU" },
58-
// Shock-droplet
59-
{ name: "Shedding water droplet", image: "res/simulations/a.png", computer: "Summit", computerUrl: "https://www.olcf.ornl.gov/summit/", accelerators: "960 V100s", walltime: "4h", source: "https://www.youtube.com/watch?v=Gjj-qZkXcrg" },
60-
// Biomedical & acoustics
61-
{ name: "Burstwave lithotripsy", image: "res/simulations/k.png", computer: "Delta", computerUrl: "https://www.ncsa.illinois.edu/research/project-highlights/delta/", accelerators: "128 A100s", walltime: "30m", source: "https://www.youtube.com/watch?v=XWsUTaJXGF8" },
62-
{ name: "Cavitation fragments kidney stone", image: "res/simulations/d.png", computer: "Summit", computerUrl: "https://www.olcf.ornl.gov/summit/", accelerators: "576 V100s", walltime: "30m", source: "https://doi.org/10.48550/arXiv.2305.09163" },
63-
{ name: "Kidney stone stress waves", image: "res/simulations/l.png", computer: "Bridges2", computerUrl: "https://www.psc.edu/resources/bridges-2/", accelerators: "8 V100s", walltime: "20m", source: "https://www.youtube.com/watch?v=Q2L0J68qnRw" },
64-
{ name: "Whale bubble net feeding", image: "res/simulations/p.png", computer: "Delta", computerUrl: "https://www.ncsa.illinois.edu/research/project-highlights/delta/", accelerators: "128 A100s", walltime: "30m", source: "https://www.youtube.com/watch?v=6EpP6tdCZSA" },
65-
{ name: "Earplug acoustics (kinetic energy)", image: "res/simulations/q.png", computer: "Delta", computerUrl: "https://www.ncsa.illinois.edu/research/project-highlights/delta/", accelerators: "8 A100s", walltime: "5h", source: "https://www.youtube.com/watch?v=xSW5wZkdbrc" },
66-
{ name: "Circular orifice (1 kHz)", image: "res/simulations/r.png", computer: "Delta", computerUrl: "https://www.ncsa.illinois.edu/research/project-highlights/delta/", accelerators: "16 A100s", walltime: "5h", source: "https://www.youtube.com/watch?v=jOhJ_c7eco4" },
67-
// Bubble dynamics
68-
{ name: "Collapsing bubbles (pressure)", image: "res/simulations/b.png", computer: "Summit", computerUrl: "https://www.olcf.ornl.gov/summit/", accelerators: "216 V100s", walltime: "3h", source: "https://doi.org/10.48550/arXiv.2305.09163" },
69-
{ name: "Collapsing bubbles (streamlines)", image: "res/simulations/c.png", computer: "Summit", computerUrl: "https://www.olcf.ornl.gov/summit/", accelerators: "216 V100s", walltime: "3h", source: "https://doi.org/10.48550/arXiv.2305.09163" },
70-
{ name: "Euler-Lagrange particle cloud", image: "res/simulations/s.png", computer: "Phoenix", computerUrl: "https://www.pace.gatech.edu/", accelerators: "8 A100s", walltime: "<1h", source: "https://www.youtube.com/watch?v=RoT-yC5Lxmg" },
71-
// Fundamentals
72-
{ name: "Breakup of vibrated interface", image: "res/simulations/f.png", computer: "Summit", computerUrl: "https://www.olcf.ornl.gov/summit/", accelerators: "128 V100s", walltime: "4h", source: "https://www.youtube.com/watch?v=XQ3g1oSg8mc" },
73-
{ name: "Viscous Taylor-Green vortex", image: "res/simulations/h.png", computer: "Delta", computerUrl: "https://www.ncsa.illinois.edu/research/project-highlights/delta/", accelerators: "128 A100s", walltime: "17h", source: "https://www.youtube.com/watch?v=7i2h08dlDQw" },
74-
];
75-
7649
const scalings = [
7750
{ image: "res/weakScaling/weakscaling.png", label: "Weak scaling on El Capitan (MI300A), Frontier (MI250X), and Alps (GH200)" },
7851
];
7952

80-
document.addEventListener("DOMContentLoaded", () => {
53+
function renderSims(sims) {
8154
document.getElementById("ft-sim").innerHTML = sims.map(s => `
8255
<div class="flex flex-col text-white rounded bg-slate-900 rounded-b-lg">
8356
<div class="flex-1 grid bg-white pb-2">
@@ -108,6 +81,12 @@
10881
</div>
10982
</div>
11083
`).join("");
84+
}
85+
86+
document.addEventListener("DOMContentLoaded", () => {
87+
fetch("simulations.json")
88+
.then(r => r.json())
89+
.then(sims => renderSims(sims));
11190

11291
document.getElementById("ft-scaling").innerHTML = scalings.map(s => `
11392
<a href="documentation/expectedPerformance.html" class="flex md:w-2/6 mx-auto flex-col text-white rounded bg-slate-900 rounded-b-lg hover:ring-2 hover:ring-amber-400 transition-shadow no-underline">

‎docs/simulations.json‎

Lines changed: 20 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,20 @@
1+
[
2+
{ "name": "Mach 12 Starship Super Heavy", "category": "Rockets & jets", "image": "res/simulations/o.png", "computer": "Alps", "computerUrl": "https://www.cscs.ch/computers/alps/", "accelerators": "5K GH200s", "walltime": "18h", "source": "https://www.youtube.com/watch?v=NSn3OVF8N4I" },
3+
{ "name": "Mach 10 triple jet booster", "category": "Rockets & jets", "image": "res/simulations/n.png", "computer": "Frontier", "computerUrl": "https://www.olcf.ornl.gov/frontier/", "accelerators": "10K GCDs", "walltime": "12h", "source": "https://www.youtube.com/watch?v=pMUl55xqGgM" },
4+
{ "name": "Mach 2 flow over a sphere", "category": "Rockets & jets", "image": "res/simulations/i.png", "computer": "Phoenix", "computerUrl": "https://www.pace.gatech.edu/", "accelerators": "36 V100s", "walltime": "30m", "source": "https://www.youtube.com/watch?v=HQGSUvYEGqM" },
5+
{ "name": "Mach 2 shear layer", "category": "Rockets & jets", "image": "res/simulations/j.png", "computer": "Phoenix", "computerUrl": "https://www.pace.gatech.edu/", "accelerators": "32 V100s", "walltime": "15m", "source": "https://www.youtube.com/watch?v=GtcdCHLmJO8" },
6+
{ "name": "Flow over an airfoil (vorticity)", "category": "Aerodynamics", "image": "res/simulations/g.png", "computer": "Delta", "computerUrl": "https://www.ncsa.illinois.edu/research/project-highlights/delta/", "accelerators": "128 A100s", "walltime": "19h", "source": "https://www.youtube.com/watch?v=FvAgnBW59cY" },
7+
{ "name": "Pitching airfoil (3D)", "category": "Aerodynamics", "image": "res/simulations/m.png", "computer": "Phoenix", "computerUrl": "https://www.pace.gatech.edu/", "accelerators": "1 A100", "walltime": "5h", "source": "https://www.youtube.com/watch?v=2XH-9MumDHU" },
8+
{ "name": "Shedding water droplet", "category": "Shock-droplet", "image": "res/simulations/a.png", "computer": "Summit", "computerUrl": "https://www.olcf.ornl.gov/summit/", "accelerators": "960 V100s", "walltime": "4h", "source": "https://www.youtube.com/watch?v=Gjj-qZkXcrg" },
9+
{ "name": "Burstwave lithotripsy", "category": "Biomedical & acoustics", "image": "res/simulations/k.png", "computer": "Delta", "computerUrl": "https://www.ncsa.illinois.edu/research/project-highlights/delta/", "accelerators": "128 A100s", "walltime": "30m", "source": "https://www.youtube.com/watch?v=XWsUTaJXGF8" },
10+
{ "name": "Cavitation fragments kidney stone", "category": "Biomedical & acoustics", "image": "res/simulations/d.png", "computer": "Summit", "computerUrl": "https://www.olcf.ornl.gov/summit/", "accelerators": "576 V100s", "walltime": "30m", "source": "https://doi.org/10.48550/arXiv.2305.09163" },
11+
{ "name": "Kidney stone stress waves", "category": "Biomedical & acoustics", "image": "res/simulations/l.png", "computer": "Bridges2", "computerUrl": "https://www.psc.edu/resources/bridges-2/", "accelerators": "8 V100s", "walltime": "20m", "source": "https://www.youtube.com/watch?v=Q2L0J68qnRw" },
12+
{ "name": "Whale bubble net feeding", "category": "Biomedical & acoustics", "image": "res/simulations/p.png", "computer": "Delta", "computerUrl": "https://www.ncsa.illinois.edu/research/project-highlights/delta/", "accelerators": "128 A100s", "walltime": "30m", "source": "https://www.youtube.com/watch?v=6EpP6tdCZSA" },
13+
{ "name": "Earplug acoustics (kinetic energy)", "category": "Biomedical & acoustics", "image": "res/simulations/q.png", "computer": "Delta", "computerUrl": "https://www.ncsa.illinois.edu/research/project-highlights/delta/", "accelerators": "8 A100s", "walltime": "5h", "source": "https://www.youtube.com/watch?v=xSW5wZkdbrc" },
14+
{ "name": "Circular orifice (1 kHz)", "category": "Biomedical & acoustics", "image": "res/simulations/r.png", "computer": "Delta", "computerUrl": "https://www.ncsa.illinois.edu/research/project-highlights/delta/", "accelerators": "16 A100s", "walltime": "5h", "source": "https://www.youtube.com/watch?v=jOhJ_c7eco4" },
15+
{ "name": "Collapsing bubbles (pressure)", "category": "Bubble dynamics", "image": "res/simulations/b.png", "computer": "Summit", "computerUrl": "https://www.olcf.ornl.gov/summit/", "accelerators": "216 V100s", "walltime": "3h", "source": "https://doi.org/10.48550/arXiv.2305.09163" },
16+
{ "name": "Collapsing bubbles (streamlines)", "category": "Bubble dynamics", "image": "res/simulations/c.png", "computer": "Summit", "computerUrl": "https://www.olcf.ornl.gov/summit/", "accelerators": "216 V100s", "walltime": "3h", "source": "https://doi.org/10.48550/arXiv.2305.09163" },
17+
{ "name": "Euler-Lagrange particle cloud", "category": "Bubble dynamics", "image": "res/simulations/s.png", "computer": "Phoenix", "computerUrl": "https://www.pace.gatech.edu/", "accelerators": "8 A100s", "walltime": "<1h", "source": "https://www.youtube.com/watch?v=RoT-yC5Lxmg" },
18+
{ "name": "Breakup of vibrated interface", "category": "Fundamentals", "image": "res/simulations/f.png", "computer": "Summit", "computerUrl": "https://www.olcf.ornl.gov/summit/", "accelerators": "128 V100s", "walltime": "4h", "source": "https://www.youtube.com/watch?v=XQ3g1oSg8mc" },
19+
{ "name": "Viscous Taylor-Green vortex", "category": "Fundamentals", "image": "res/simulations/h.png", "computer": "Delta", "computerUrl": "https://www.ncsa.illinois.edu/research/project-highlights/delta/", "accelerators": "128 A100s", "walltime": "17h", "source": "https://www.youtube.com/watch?v=7i2h08dlDQw" }
20+
]

0 commit comments

Comments
 (0)