Show HN: Interactive Periodic Table in JavaScript

Very cool! I like the design. Would you consider applying filters on selection, without having to click the "Apply Filter" button? Feels smoother & more intuitive this way.

Great job, looks really nice.

I have one suggestion. The colours are not colourblind-friendly. I suggest a colour palette picker (based on types of colour deficiency issues) or an ability to toggle subtle gradients.

What's the name for that law when there's something you never think of and then you encounter multiple times really quickly? Because a couple of days ago, Bob Kerns published a really cool Periodic Table input element on Observable:

https://observablehq.com/@bobkerns/elements-input

(not to take anything away from the submitted periodic table - they're both really nice)

Is there a mobile/responsive version planned? It is currently simply condensed and unreadable on smaller viewpoerts.

Shameless related plug: Chemical Element of the Day [1]

[1] https://tips.darekkay.com/html/chemical-elements-en.html

I still like https://ptable.com/ better

Oh wow. Thanks for sharing. This'll definitely be useful for my kids studies. It would be even better if filtering happened automatically when selecting options.

Edit: Oops. I should be paying more attention to comments as someone already suggested this.

this is super cool! i clicked on the group names on the right thinking the filtering will happen automatically but you have to select them and apply on the left.