This example showcases a static SVG composition of dice arranged in a grid on a blue tray, with custom shading to simulate depth. The code directly uses the SVG `path` and `rect` elements within an inline `<svg>` tag, styled via CSS classes that define fills, strokes, and stroke widths. Distinct shapes for left, middle, bottom, and corner dice are created through carefully defined path commands, while additional path elements represent side and bottom shading. The visualization demonstrates fundamental SVG drawing techniques and CSS styling without relying on any JavaScript libraries.