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.
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.
I agree entirely about the colours but I copied them from the Wikipedia version and they seem more or less standard so I didn't want to buck the trend. Maybe I'll add a high-contrast option.
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:
I'll try to make it mobile friendly but it might be difficult. There is a huge amount of information crammed in to the table but I will try to think of something.
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.