{"version":"1.0","type":"rich","title":"three.js css3d - periodic table. info.","description":"This interactive visualization presents the periodic table of elements as a 3D scene built with three.js and CSS3D. Each element is rendered as a labeled card showing its symbol, name, and atomic weight, with the data embedded directly in the script. Users can switch between four distinct layout modes — TABLE, SPHERE, HELIX, and GRID — via a menu of buttons. The table arrangement uses the standard periodic-table columns and rows, while the alternative layouts reorganize the same element cards into geometric formations: a sphere, a helix, and a grid. The scene is rendered with WebGL and supports smooth animated transitions between the different arrangements, providing an interactive way to explore the periodic table's structure.","provider_name":"VizHub AI Studio","provider_url":"https://next.vizhub.com","html":"<iframe src=\"https://next.vizhub.com/viz/gist-19326f79a4ae94b62154a866fc7e1e17?mode=embed\" width=\"960\" height=\"500\" scrolling=\"no\" frameborder=\"1\"></iframe>","width":960,"height":500,"cache_age":3600}