This addresses concerns with accessibility due to the extremely low contrast between text and the coloured label backdrops. Colour-coding now takes a back seat, although it's still present.
I've also refined the JS slightly, since I had a bit of a "what the heck was I thinking?" moment when I glanced over it.
I've moved the custom tooltip handling for reverse view into a "title" attribute to minimise handling edge-cases. People should be able to intuit what's going on. I like clean, simple code with as few complications as possible.
In future this HTML really needs generating from a dataset, the indented mess it has become is rather difficult to read, even accounting for my efforts to make it less difficult to read.
I've swapped the Twitter link to Mastodon, reworded the bottom text slightly and snuck a link to my blog in there because why not. I might as well have some fun before we take this site to the nth degree.
This addresses concerns with accessibility due to the extremely low contrast between text and the coloured label backdrops. Colour-coding now takes a back seat, although it's still present.
I've also refined the JS slightly, since I had a bit of a "what the heck was I thinking?" moment when I glanced over it.
I've moved the custom tooltip handling for reverse view into a "title" attribute to minimise handling edge-cases. People should be able to intuit what's going on. I like clean, simple code with as few complications as possible.
In future this HTML really needs generating from a dataset, the indented mess it has become is rather difficult to read, even accounting for my efforts to make it less difficult to read.
I've swapped the Twitter link to Mastodon, reworded the bottom text slightly and snuck a link to my blog in there because why not. I might as well have some fun before we take this site to the nth degree.