Web Display Lab
A display console styled as an admin panel: a live 3D render of your setup plus honest diagnostics of HDR, gamut, refresh rate, CSS Color and graphics APIs.
The app runs locally in your browser and sends nothing anywhere. More room in a full window: open in a new tab
About the experiment
Web Display Lab is an admin-panel showcase with rich graphics. At the top sits a “display twin”: a 3D scene ray-marched in a single WebGL 2 shader, with soft shadows, ambient occlusion, floor reflections and a screen that lights its surroundings. The picture on the monitor is a live HTML panel painted into the scene with the experimental HTML-in-Canvas API (texElementImage2D). Where the browser lacks it, the same panel is drawn with Canvas 2D – and the console says so.
Below the scene are widgets: a CIE 1931 chromaticity diagram with the sRGB, Display P3 and Rec. 2020 triangles (painted in a P3 canvas), a live frame-rate meter, dynamic range, primaries side by side, a CSS Color 4/5 feature matrix, WebGL 2 / WebGPU / HTML-in-Canvas availability and live media queries. Every result separates what the browser supports, what the environment reports and what can actually be measured – brightness in nits or the GPU model are never guessed. Everything runs locally, and results can be saved as a JSON report.