From 0d9ccb0a01c3042313def7cd9615d9fff70f932b Mon Sep 17 00:00:00 2001 From: nikoscham Date: Tue, 10 Mar 2026 13:48:18 +0200 Subject: [PATCH] Add HTML examples for various simulations --- examples/creepingFlowScript/README.md | 6 +- .../lidDrivenCavity2DCreepingFlow.html | 111 ++++++++++++++++++ examples/frontPropagationScript/README.md | 6 +- .../solidificationFront2D.html | 76 ++++++++++++ examples/generalFormPDEScript/README.md | 6 +- .../advectionDiffusion1D.html | 80 +++++++++++++ examples/heatConductionScript/README.md | 6 +- .../heatConduction1DWall.html | 72 ++++++++++++ .../heatConduction2DFin.html | 76 ++++++++++++ 9 files changed, 435 insertions(+), 4 deletions(-) create mode 100644 examples/creepingFlowScript/lidDrivenCavity2DCreepingFlow/lidDrivenCavity2DCreepingFlow.html create mode 100644 examples/frontPropagationScript/solidificationFront2D/solidificationFront2D.html create mode 100644 examples/generalFormPDEScript/advectionDiffusion1D/advectionDiffusion1D.html create mode 100644 examples/heatConductionScript/heatConduction1DWall/heatConduction1DWall.html create mode 100644 examples/heatConductionScript/heatConduction2DFin/heatConduction2DFin.html diff --git a/examples/creepingFlowScript/README.md b/examples/creepingFlowScript/README.md index 3d77551..a7e0d7f 100644 --- a/examples/creepingFlowScript/README.md +++ b/examples/creepingFlowScript/README.md @@ -11,7 +11,11 @@ This directory contains Node.js examples demonstrating how to use the FEAScript This example solves a 2D lid-driven cavity flow using the creeping flow solver with Taylor-Hood (Q2-Q1) elements. For detailed information on the model setup, refer to the corresponding [tutorial](https://feascript.com/tutorials/lid-driven-cavity-2d-creeping-flow.html) on the FEAScript website. -## Running the Examples +## HTML Examples + +Each example also includes an HTML variant (e.g., `lidDrivenCavity2DCreepingFlow.html`) that runs the same simulation in the browser with built-in visualization using Plotly.js. Simply open the HTML file in a web browser to run. + +## Running the Node.js Examples #### 1. Create package.json with ES module support: diff --git a/examples/creepingFlowScript/lidDrivenCavity2DCreepingFlow/lidDrivenCavity2DCreepingFlow.html b/examples/creepingFlowScript/lidDrivenCavity2DCreepingFlow/lidDrivenCavity2DCreepingFlow.html new file mode 100644 index 0000000..2ce473c --- /dev/null +++ b/examples/creepingFlowScript/lidDrivenCavity2DCreepingFlow/lidDrivenCavity2DCreepingFlow.html @@ -0,0 +1,111 @@ + + + + + + + FEAScript Example: Lid-Driven Cavity 2D Creeping Flow + + + + + + + + + + + +

Lid-Driven Cavity 2D Creeping Flow

+ +

Velocity Magnitude

+
+ +

u-Velocity Component

+
+ +

v-Velocity Component

+
+ + + + diff --git a/examples/frontPropagationScript/README.md b/examples/frontPropagationScript/README.md index 1badd84..1e4998e 100644 --- a/examples/frontPropagationScript/README.md +++ b/examples/frontPropagationScript/README.md @@ -10,7 +10,11 @@ This directory contains Node.js examples demonstrating how to use the FEAScript This example demonstrates solving an eikonal equation in a 2D domain to track the movement of a solidification interface. For detailed information on the model setup, refer to the corresponding [tutorial](https://feascript.com/tutorials/solidification-front-2d.html) in the FEAScript website. -## Running the Examples +## HTML Examples + +Each example also includes an HTML variant (e.g., `solidificationFront2D.html`) that runs the same simulation in the browser with built-in visualization using Plotly.js. Simply open the HTML file in a web browser to run. + +## Running the Node.js Examples #### 1. Create package.json with ES module support: diff --git a/examples/frontPropagationScript/solidificationFront2D/solidificationFront2D.html b/examples/frontPropagationScript/solidificationFront2D/solidificationFront2D.html new file mode 100644 index 0000000..f678c32 --- /dev/null +++ b/examples/frontPropagationScript/solidificationFront2D/solidificationFront2D.html @@ -0,0 +1,76 @@ + + + + + + + FEAScript Example: Solidification Front 2D + + + + + + + + + + + +

Solidification Front 2D

+ + +
+ + + + diff --git a/examples/generalFormPDEScript/README.md b/examples/generalFormPDEScript/README.md index 537fe2a..54e062a 100644 --- a/examples/generalFormPDEScript/README.md +++ b/examples/generalFormPDEScript/README.md @@ -10,7 +10,11 @@ This directory contains Node.js examples demonstrating how to use the FEAScript This example demonstrates solving a one-dimensional advection-diffusion problem with a Gaussian source term. The problem models the transport of a substance under the effects of both diffusion and advection. For detailed information on the model setup, refer to the corresponding [tutorial](https://feascript.com/tutorials/advection-diffusion-1d.html) in the FEAScript website. -## Running the Examples +## HTML Examples + +Each example also includes an HTML variant (e.g., `advectionDiffusion1D.html`) that runs the same simulation in the browser with built-in visualization using Plotly.js. Simply open the HTML file in a web browser to run. + +## Running the Node.js Examples #### 1. Create package.json with ES module support: diff --git a/examples/generalFormPDEScript/advectionDiffusion1D/advectionDiffusion1D.html b/examples/generalFormPDEScript/advectionDiffusion1D/advectionDiffusion1D.html new file mode 100644 index 0000000..f4c1285 --- /dev/null +++ b/examples/generalFormPDEScript/advectionDiffusion1D/advectionDiffusion1D.html @@ -0,0 +1,80 @@ + + + + + + + FEAScript Example: Advection-Diffusion 1D + + + + + + + + + + + +

Advection-Diffusion 1D

+ + +
+ + + + diff --git a/examples/heatConductionScript/README.md b/examples/heatConductionScript/README.md index e26bac1..8fe27af 100644 --- a/examples/heatConductionScript/README.md +++ b/examples/heatConductionScript/README.md @@ -28,7 +28,11 @@ Implementation using a Gmsh-generated mesh for a rhomboid domain (the mesh file, For detailed information on the model setup, refer to the corresponding [tutorial](https://feascript.com/tutorials/heat-conduction-2d-rhom-fin-gmsh.html) in the FEAScript website. -## Running the Examples +## HTML Examples + +Each example also includes an HTML variant (e.g., `heatConduction1DWall.html`, `heatConduction2DFin.html`) that runs the same simulation in the browser with built-in visualization using Plotly.js. Simply open the HTML file in a web browser to run. + +## Running the Node.js Examples #### 1. Create package.json with ES module support: diff --git a/examples/heatConductionScript/heatConduction1DWall/heatConduction1DWall.html b/examples/heatConductionScript/heatConduction1DWall/heatConduction1DWall.html new file mode 100644 index 0000000..7457f25 --- /dev/null +++ b/examples/heatConductionScript/heatConduction1DWall/heatConduction1DWall.html @@ -0,0 +1,72 @@ + + + + + + + FEAScript Example: Heat Conduction 1D Wall + + + + + + + + + + + +

Heat Conduction 1D Wall

+ + +
+ + + + diff --git a/examples/heatConductionScript/heatConduction2DFin/heatConduction2DFin.html b/examples/heatConductionScript/heatConduction2DFin/heatConduction2DFin.html new file mode 100644 index 0000000..5094e23 --- /dev/null +++ b/examples/heatConductionScript/heatConduction2DFin/heatConduction2DFin.html @@ -0,0 +1,76 @@ + + + + + + + FEAScript Example: Heat Conduction 2D Fin + + + + + + + + + + + +

Heat Conduction 2D Fin

+ + +
+ + + +