The AffectButton is a widget to record and/or display emotional state, in terms of three scalar values according to the so-called Pleasure-Arousal-Dominance model.

Provided you are using a sufficiently modern browser, you will see a yellow face drawn below this paragraph. Drag your finger or your cursor across the canvas until the face expresses your mood and examine the P/A/D components at the sliders underneath.

Conversely, you can also set P/A/D components at the sliders to make the facial expression change accordingly -- all values range over [-1, 1].

Requirements

Obviously, we require that the browser supports javascript and has it enabled for the domain at hand. Furthermore, the widget is rendered in a canvas element. You should not have any compatibility issues unless you use really outdated versions of jQuery/UI.