Skip to content

Added Energy Diagrams and Exceptions#3

Open
nikki-codes wants to merge 1 commit intoZhilips:mainfrom
nikki-codes:fix/energy-diagram-exceptions-ui
Open

Added Energy Diagrams and Exceptions#3
nikki-codes wants to merge 1 commit intoZhilips:mainfrom
nikki-codes:fix/energy-diagram-exceptions-ui

Conversation

@nikki-codes
Copy link
Copy Markdown

@nikki-codes nikki-codes commented Apr 6, 2026

Changes

Energy Diagram UI

  • Added a energy diagram UI alongside the 3D Model Rendering

Exception Badge

  • Added an exception badge against properties of elements that deviate from trends

New Periodic Trend Exceptions (fact-checked against NIST)

  • Electron Affinity: He, Be, N, O, F, Ne, Mg, Cl, Ar
  • Atomic Radius: Ga ≈ Al, Zr ≈ Hf (d-block & lanthanide contraction)
  • Electronegativity: Ga > Al, Ge > Si (d-block contraction)
  • Ionization Energy: Ga (d-block contraction)

- Fix energy level diagram clipping for large elements (Lr, Og, etc.)
- Move Aufbau exception callout to top of diagram
- Enlarge orbital boxes, arrows, labels, and spacing
- Widen diagram container (340px → 480px) for f-orbital rows
- Add electron affinity exceptions: He, Be, N, O, F, Ne, Mg, Cl, Ar
- Add atomic radius exceptions: Ga, Zr, Hf (d-block/lanthanide contraction)
- Add electronegativity exceptions: Ga, Ge (d-block contraction)
- Add ionization energy exception: Ga (d-block contraction)
- Add atomicRadius badge support in uiController
- Bigger exception badge (22px) with bold gold background and dark icon
- Fact-checked all values against NIST; removed incorrect Pb EN claim
@nikki-codes nikki-codes changed the title Fix energy diagram overflow & add periodic trend exceptions Added Energy Diagrams and Exceptions Apr 6, 2026
@nikki-codes
Copy link
Copy Markdown
Author

i thought it'd be cool for an added feature that adds for exceptions and adds an energy level diagram for reference as well, check it out!

@nikki-codes
Copy link
Copy Markdown
Author

@Zhilips i'd love if you could take a look at this

@nikki-codes
Copy link
Copy Markdown
Author

@Zhilips have you developed any similar features in your workflow yet?

@Zhilips
Copy link
Copy Markdown
Owner

Zhilips commented Apr 9, 2026

@Zhilips have you developed any similar features in your workflow yet?

Hi @nikki-codes, sorry i just saw these, thanks for the ideas and the data!

I'm actually working on this part right now. I won't merge this code directly to avoid conflicts, but I will definitely add these features in my next update.

Thanks again!

@nikki-codes
Copy link
Copy Markdown
Author

no problem! thanks for checking it out :)

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

2 participants