Home▸Fluid Dynamics & Aerodynamics▸How Does CFD Work: A Computational Fluid Dynamics Simulation

🧮 How Does CFD Work: A Computational Fluid Dynamics Simulation

Step through the computational-fluid-dynamics pipeline: build a finite-volume mesh, discretise Navier-Stokes on it, then watch the pressure-Poisson solver iterate while the residual falls to convergence.

Fluid Dynamics & Aerodynamics3DAdvanced60 FPS

Details

CategoryFluid Dynamics & Aerodynamics

RenderingThree.js · WebGL

DifficultyAdvanced

Target FPS60

ControlsFour pipeline-stage buttons (mesh / discretise / solve / post-process), mesh-resolution slider (24-160 cells across), pressure sweeps per time step (1-80), SOR relaxation factor omega (0.5-1.99), inlet-velocity (Reynolds) slider, Run/Pause, single Sweep step, Reset, and field views: velocity, pressure, vorticity, residual.

Three.jsCFDFinite VolumeNavier-StokesMesh ResolutionIterative SolverConvergence

Related simulations

Computational Fluid Dynamics: Simulating FlowExplore a grid-based CFD solver simulating flow around a cylinder: adjust inflow speed,…

CFD/FEA Mesh Generation SimulationThis simulation demonstrates the crucial step of creating a discrete computational mesh from…

Explore Turbulence with DNS, LES & RANS SimulationThis simulation demonstrates the differences between Direct Numerical Simulation (DNS),… ⊞ All 391 in Fluid Dynamics & Aerodynamics →

⚙ Under the hood

This simulation demonstrates the core principles of CFD by visualizing fluid flow around a cylinder within a channel. Users can adjust parameters like mesh resolution and solver settings to observe their impact on the resulting flow field.

Three.jsCFDFinite VolumeNavier-StokesMesh ResolutionIterative SolverConvergence

3D · Three.js / WebGL renderer · 60 FPS target · runs fully client-side, no install