How to Make an Interactive Periodic Table in Obsidian?

[cathyblack]

Hi everyone,
I’d like to ask for some advice about building or embedding an interactive periodic table inside Obsidian.
For example, here’s a static image I have (attached below):

What I’d like to achieve:
When I hover or click on an element (say Carbon, C), a small pop-up or link could show extra notes (atomic number, mass, or even my own linked notes).
Ideally, each element could be a link to its own Obsidian note (like [[Carbon]], [[Oxygen]], etc.).
A way to keep it visually neat, similar to the image but functional for note-taking and study.

Questions:

1. Is this possible with Dataview, Templater, or some kind of HTML/CSS embed in Obsidian?
2. Has anyone tried building something similar for chemistry, medicine, or engineering knowledge bases?
3. Would a canvas be better than a markdown file for this?

Any tips, plugin suggestions, or examples would be greatly appreciated!

[base]

Hey,

my best guess would be:

Block Diagram

Can’t tell for sure how it would work, but with this and some internal linking you should get it to work.

But most likely a canvas with a “backend” of notes for every element is your best guess

[cathyblack]

Great, I’ll give it a try—this is really helpful!