Home▸Chemistry & Materials▸2D Cosmetic Emulsion & Skin Barrier Lab

2D Cosmetic Emulsion & Skin Barrier Lab

Interactive 2D cosmetic chemistry lab: build an oil-in-water or water-in-oil emulsion cross-section and watch emulsifier molecules line up at the oil/water interface by HLB, then run a penetration test through a brick-and-mortar stratum-corneum diagram using the Potts–Guy skin-permeability equation.

Chemistry & Materials2DModerate60 FPS📱 Mobile-adapted⇄ 3D version
2d-cosmetic-emulsion-skin-barrier-lab ↗ Open standalone

A cosmetic emulsion only stays mixed because emulsifier molecules park themselves at the oil/water interface, their polar head facing the continuous phase and their nonpolar tail dipping into the dispersed droplets — the balance between those two ends, expressed as HLB (Hydrophile–Lipophile Balance), decides whether oil ends up dispersed in water (O/W, light and spreadable) or water ends up dispersed in oil (W/O, richer and occlusive). This 2D companion draws that cross-section directly on canvas: a vial view shows droplets ringed by emulsifier heads and tails that reorient when you switch emulsion type, while a brick-and-mortar diagram of the stratum corneum on the right lets you fire a test molecule through the skin barrier and time its crossing using the Potts–Guy regression (log Kp = −2.7 + 0.71·logKow − 0.0061·MW), the same real skin-permeability equation used in the 3D version.

⚙ Under the hood

2D cosmetic chemistry lab: build an O/W or W/O emulsion cross-section, watch emulsifier molecules line up at the interface by HLB, then run a Potts–Guy skin-permeability penetration test.

emulsionhlbskin permeabilitypotts-guy equationcosmetic chemistrystratum corneum

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

What did you find?

Add reproduction steps (optional)