Show HN: Interactive Periodic Table in JavaScript • Hacker News Board

Re: Show HN: Interactive Periodic Table in JavaScript

#11

Post by codedrome » Fri, Feb 07, 2020, 11:58 AM UTC

maximp wrote: post #6

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'll put that on my todo list. This is very much the first version and I have many enhancements planned.

Re: Show HN: Interactive Periodic Table in JavaScript

#12

Post by codedrome » Fri, Feb 07, 2020, 12:00 PM UTC

darekkay wrote: post #2

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'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

#13

Post by codedrome » Fri, Feb 07, 2020, 12:01 PM UTC

shahedshah wrote: post #9

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.

Thanks for your suggestion - added to the list!

Re: Show HN: Interactive Periodic Table in JavaScript

#14

Post by codedrome » Fri, Feb 07, 2020, 12:03 PM UTC

dreen wrote: post #4

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.

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.