This sample demonstrates an interactive Periodic Table of Elements built using the Syncfusion® EJ2 JavaScript Diagram component, displaying all known elements with categorization by color, detailed hover information, and highlighting by period or group.
Elements in this interactive Periodic Table are nodes showing atomic number, symbol, and name; atomic mass appears on hover. Elements are color-coded by category with a clear legend. Users can dynamically highlight elements by clicking period or group numbers, instantly revealing chemical trends and relationships.