Thank you for the compliment! I did spend a lot of time designing a nice experience on both desktop and mobile. Even the scrollbar to select words was non trivial as I wanted the words to be of different size, yet avoid flickering when scrolling!
“non-trivial” is one of those words that seems like it should be a Claude-ism but is actually just the single best word for a concept that comes up extremely often in research and engineering discussions.
You did a fantastic job; very to-the-point with effective visualisations. Kudos!
One very minor note: if your scroll device reports pixel-perfect deltas rather than discrete scroll-wheel ticks (e.g. logitech mx master, laptop touchpad, etc), the behaviour in the word search box is a bit weird. Arrow keys work fine though.
I did test it with my mac touchpad without issue. Maybe the problem is that I wanted to make discrete scroll-wheel ticks work. I just tried a fix by normalising deltaMode to pixels.
If you could just paste this in your console, I would have a better idea:
FWIW I got a bunch of "(-)10.00 native" in the console, "PAGE" never showed up no matter what I tried. Firefox, also a Logitech mouse, no trackpad though.
Hyperscroll - special mode turned on with a button next to scroll that turns off scroll friction and let's you scroll into infinity (wheel keeps turning after you lift your finger).
Yeah, it takes some getting used to (the wheel is VERY sensitive to even the smallest finger movements), but when you get used to it, it's clearly superior to a regular scrollwheel. Much less finger fatique.
> Some believe what separates men from animals is our ability to reason. Others say it’s language or romantic love, or opposable thumbs. Living here in this lost world, I’ve come to believe it is more than our biology. What truly makes us human is our ability to hyperscroll!
Congratulations! I was going to comment on the scroll field in particular when I saw this. I didn't even realize you had to hand-craft the component, but it's such a nice UI idea in general, the way the scrolling works and how the content above changes.
Frankly, that's the one part I would have done differently. Mixing font sizes rarely looks good, but that's just my personal opinion. If you want to visually indicate intensity, I'd have used color, or rather saturation. Not the text itself, maybe a small pill next to it. But I don't think it's necessary, the order already conveys some sort of ranking, I don't think cardinal information adds much here.
Thank you for the compliment! I did spend a lot of time designing a nice experience on both desktop and mobile. Even the scrollbar to select words was non trivial as I wanted the words to be of different size, yet avoid flickering when scrolling!