🏠 back to Observable

Is there a way to rotate the input-range 90 degrees?

I’m wanting to make a graphic equaliser using input-range and view but don’t see an easy way to do that.

Is there an easy way?

Might be easier to just use HTML rather than the input library. Here’s a quick and dirty example I threw together—could definitely be cleaned up a bit.

This StackOverflow answer taught me how to render a slider vertically


Thanks @harris , that will work nicely.

I did actually do vertical sliders a while ago, they are back writable. I guess slider != range makes the search harder.


Another great solution: Thanks @tomlarkworthy

omg i love the sine wave animation

1 Like

sorry I had to fix the topic, it was hurting my brain :wink:


Doh, trigonometry is hard :slight_smile: