diff --git a/docs/index.html b/docs/index.html index 68d51201d..feb71e7f5 100644 --- a/docs/index.html +++ b/docs/index.html @@ -65,7 +65,8 @@ new FS("Shedding water droplet - Vorticity", "res/simulations/a.png", "Summit", "960 V100s", "4h", "https://doi.org/10.48550/arXiv.2305.09163"), new FS("Cavitating bubble cloud - Wall pressure", "res/simulations/b.png", "Summit", "216 V100s", "3h", "https://doi.org/10.48550/arXiv.2305.09163"), new FS("Cavitating bubble cloud - Streamlines", "res/simulations/c.png", "Summit", "216 V100s", "3h", "https://doi.org/10.48550/arXiv.2305.09163"), - new FS("Kidney stone near a collapsing bubble cloud - Maximum principal stresses", "res/simulations/d.png", "Summit", "576 V100s", "30 min", "https://doi.org/10.48550/arXiv.2305.09163") + new FS("Kidney stone near a collapsing bubble cloud - Maximum principal stresses", "res/simulations/d.png", "Summit", "576 V100s", "30 min", "https://doi.org/10.48550/arXiv.2305.09163"), + new FS("Breakup of vibrated interface", "res/simulations/f.png", "Summit", "128 V100s", "4h","https://youtu.be/qQV2ZRDpf2M") ]; /* @@ -178,6 +179,58 @@ document.getElementById("ft-sim").appendChild(container); } }); + + class FScale { + constructor(image, computer) { + this.image = image; + this.computer = computer; + } + }; + + scalings = [ + new FScale("res/weakScaling/frontier.svg", "Frontier"), + new FScale("res/weakScaling/summit.svg", "Summit") + ] + + + onHTML(() => { + for (let scl of scalings) { + let container = document.createElement("div"); + container.classList.add("flex", "flex-col", "text-white", "rounded", "bg-slate-900", "rounded-b-lg"); + + let topdiv = document.createElement("div"); + topdiv.classList.add("flex-1", "grid", "bg-white", "pb-2"); + + let img = document.createElement("img"); + img.src = scl.image; + img.classList.add("place-self-center"); + + topdiv.appendChild(img); + container.appendChild(topdiv); + + let middiv = document.createElement("div"); + middiv.classList.add("flex", "flex-row", "items-center"); + + let logoDiv = document.createElement("div"); + logoDiv.classList.add("flex", "flex-col", "h-full", "bg-white", "justify-center"); + + + let title = document.createElement("div"); + title.classList.add("flex-1", "p-2", "font-semibold", "text-center"); + title.innerText = scl.computer; + + middiv.appendChild(title); + + let botdiv = document.createElement("div"); + botdiv.classList.add("flex-1","p-2","font-semibold","text-center"); + botdiv.innerText=scl.computer; + + container.appendChild(botdiv); + + document.getElementById("ft-scaling").appendChild(container); + } + }); + @@ -244,6 +297,16 @@

+ +
+

+
+ Weak Scaling Results +
+

+
+ +

diff --git a/docs/res/simulations/f.png b/docs/res/simulations/f.png new file mode 100644 index 000000000..13fd3abc6 Binary files /dev/null and b/docs/res/simulations/f.png differ diff --git a/docs/res/weakScaling/frontier.svg b/docs/res/weakScaling/frontier.svg new file mode 100644 index 000000000..b47bd21fa --- /dev/null +++ b/docs/res/weakScaling/frontier.svg @@ -0,0 +1,415 @@ + +image/svg+xml10 +2 +10 +3 +10 +4 +10 +5 +0 +0 +. +5 +1 +1 +. +5 +100%Frontier +NumberofGPUs +NormalizedWallTime +Ideal +MFC + diff --git a/docs/res/weakScaling/summit.svg b/docs/res/weakScaling/summit.svg new file mode 100644 index 000000000..144832999 --- /dev/null +++ b/docs/res/weakScaling/summit.svg @@ -0,0 +1,391 @@ + +image/svg+xml10 +2 +10 +3 +10 +4 +0 +0 +. +5 +1 +1 +. +5 +100%Summit +NumberofGPUs +NormalizedWallTime +Ideal +MFC +