TE
TechEcho
Home24h TopNewestBestAskShowJobs
GitHubTwitter
Home

TechEcho

A tech news platform built with Next.js, providing global tech news and discussions.

GitHubTwitter

Home

HomeNewestBestAskShowJobs

Resources

HackerNews APIOriginal HackerNewsNext.js

© 2025 TechEcho. All rights reserved.

Show HN: Interactive Periodic Table in JavaScript

22 pointsby codedromeover 5 years ago

7 comments

maximpover 5 years ago
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.
评论 #22265164 未加载
dreenover 5 years ago
Great job, looks really nice.<p>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.
评论 #22265187 未加载
vanderZwanover 5 years ago
What&#x27;s the name for that law when there&#x27;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:<p><a href="https:&#x2F;&#x2F;observablehq.com&#x2F;@bobkerns&#x2F;elements-input" rel="nofollow">https:&#x2F;&#x2F;observablehq.com&#x2F;@bobkerns&#x2F;elements-input</a><p>(not to take anything away from the submitted periodic table - they&#x27;re both really nice)
评论 #22193815 未加载
darekkayover 5 years ago
Is there a mobile&#x2F;responsive version planned? It is currently simply condensed and unreadable on smaller viewpoerts.<p>Shameless related plug: Chemical Element of the Day [1]<p>[1] <a href="https:&#x2F;&#x2F;tips.darekkay.com&#x2F;html&#x2F;chemical-elements-en.html" rel="nofollow">https:&#x2F;&#x2F;tips.darekkay.com&#x2F;html&#x2F;chemical-elements-en.html</a>
评论 #22265173 未加载
enjoyyourlifeover 5 years ago
I still like <a href="https:&#x2F;&#x2F;ptable.com&#x2F;" rel="nofollow">https:&#x2F;&#x2F;ptable.com&#x2F;</a> better
shahedshahover 5 years ago
Oh wow. Thanks for sharing. This&#x27;ll definitely be useful for my kids studies. It would be even better if filtering happened automatically when selecting options.<p>Edit: Oops. I should be paying more attention to comments as someone already suggested this.
评论 #22265178 未加载
bluebasketover 5 years ago
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.