Example of Periodic Table in ASP.NET Core Diagram Control
This sample demonstrates an interactive Periodic Table of Elements built using the Syncfusion® ASP.NET Core Diagram component, displaying all known elements with categorization by color, detailed hover information, and highlighting by period or group.
DEMO
SOURCE
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.