One dataset, four spatial stories.

A source-backed CSS3D layout contract: element metadata becomes DOM-backed CSS3DObject cards, and the same object set transitions between table, sphere, helix, and grid targets with cancellable tweened transforms.

This route claims the installed CSS3DRenderer/CSS3DObject scene graph, deterministic metadata cards, four layout target formulas, cancellable transitions, TrackballControls ownership, resize, sampling, reset, and teardown only. The official 118-element dataset, randomized opacity, exact camera/presentation, display-zoom limits, device coverage, performance calibration, and whole-example fidelity remain separate.

Sources: official CSS3D periodic table example · CSS3DRenderer · TrackballControls