Home▸Kitchen Science▸Cocktail Layering Density

Cocktail Layering by Density (2D)

Interactive 2D side-view of density stratification: pour liquids of different densities into a glass in any order and watch them settle into stable layers, denser fluid always sinking below lighter fluid.

Kitchen Science2DEasy60 FPS📱 Mobile-adapted⇄ 3D version
2d-3d-cocktail-layering-density ↗ Open standalone

This 2D side-view simulator lets you pour liquids of chosen density and volume into a glass in any order, then watch buoyancy sort them into stable layers with the densest liquid always settling at the bottom. Stir the glass to mix the layers into a cloudy blend, then let it settle to see them separate again, while the live readout tracks fill level, layer count, and the current top-to-bottom density order.

⚙ Under the hood

Pour liquids of different densities into a glass and watch buoyancy sort them into stable layers, denser fluid always settling below lighter fluid.

2D · HTML5 Canvas 2D · 60 FPS target · runs fully client-side, no install

What did you find?

Add reproduction steps (optional)