I need to illustrate a set of sliders. Each slider can be moved up and down by the user.
Adjusting one slider will indirectly adjust the other sliders.
Is there a name for this kind of UI component?
The only example that comes to my mind is a music equalizer. Although in my particular case, it has nothing to do with music.
I'm curious what approach I should take to illustrate this in a design document.
You can take a look on this functionality on jQuery UI.
The only difference from the default functionality is that you have multiple sliders.
You can also have range sliders (this is not described in the question).
I would call it a slider group, myself, similar to how a group of radio buttons is a radio group.
For the record, sliders on a parametric EQ are almost never interrelated; raising or lowering one should have no effect on the others, it will just cut or emphasize that specific frequency.
As for illustrating it, you will either need good descriptions, good illustration, or an interactive example. You might start with one of these:
https://jsfiddle.net/b54dntrz/
http://jsfiddle.net/yijiang/RsZYZ/
To answer your title question :
Interdependent Sliders or Interdependent slider group.
As to how to illustrate, here's a basic example:
You could add ranges,max min values,more sliders,colors, more complex relationships etc...
I can find two names for this concept in fairly common usage online:
