Re:Show HN: Interactive Periodic Table in JavaScript
by maximp on Thursday January 30, 2020 @12:30PM
(#22193269)
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.
Re:Show HN: Interactive Periodic Table in JavaScript
by dreen on Thursday January 30, 2020 @11:24AM
(#22192552)
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.
Re:Show HN: Interactive Periodic Table in JavaScript
by codedrome on Friday February 07, 2020 @07:03AM
(#22265187)
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.
Re:Show HN: Interactive Periodic Table in JavaScript
by vanderZwan on Thursday January 30, 2020 @12:26PM
(#22193231)
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:
Re:Show HN: Interactive Periodic Table in JavaScript
by codedrome on Friday February 07, 2020 @07:00AM
(#22265173)
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.
Re:Show HN: Interactive Periodic Table in JavaScript
by shahedshah on Friday January 31, 2020 @06:13AM
(#22200753)
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.
Re:Show HN: Interactive Periodic Table in JavaScript
by bluebasket on Thursday January 30, 2020 @10:55AM
(#22192256)
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.
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.
https://observablehq.com/@bobkerns/elements-input
(not to take anything away from the submitted periodic table - they're both really nice)
https://en.wikipedia.org/wiki/List_of_cognitive_biases#Frequ...
Shameless related plug: Chemical Element of the Day [1]
[1] https://tips.darekkay.com/html/chemical-elements-en.html
Edit: Oops. I should be paying more attention to comments as someone already suggested this.