Paramoji - A parametric emoji

What is a paramoji?

A paramoji is a parametric smiley face that represents facial expressions on continuous scales. Unlike widespread emojis the paramojis are not defined for discretely defined states. Instead, emotinal expressions are rendered from five parameters that can be freely selected. They can be used to visualize manually selected, automatically detected or computationally generated emotions with accuracy and with arbitrary nuances. The resulting emoji style icons are expressive, exaggerated and playful. Their emotional content can be easily recognized by humans.

Try it out

How do paramojis work?

The paramoji is a visualization technique for emotions data. It supports a five dimensional model with independent aspects of human sentiment:

  1. Valence is the axis from bad to good, misery to pleasure, disagreement to agrement.
  2. Arousal is the axis from calm to aroused, inactive to active, sleepy to alarmed.
  3. Dominance is the axis from weakness to strength, fear to anger, submission to dominance.
  4. Contempt is the axis from neutral to smug, vain, disdainful and contempt.
  5. Control is the axis from uncontrolled to controlled, expressed to suppressed.

With these dimensions the paramoji is able to express the emotional dimensions of the Circumplex model of affect and the PAD model of emotional states.

What emotions can be represented with the paramoji?

The paramoji parameterizes facial expressions with a wide variety of emotions. This includes the the seven universal emotions defined by Paul Ekman with reasonable accuracy. Here are the author's picks for those emotions. You can click the image to create your own variations of those expressions. Note that there is not one correct choice, but many ways to change the face along the dimensions of emotional nuances.

Normal
Happy
Sad
Surprised
NormalHappySadSurprise
Fearful
Disgusted
Angry
Contemptuous
FearfulDisgustedAngryContemptuous

Why is linearity important?

The visualization technique maps the five parameters linearly onto drawing parameters such as angles, lengths and and positions. Linearity ensures that linear transitions in parameters space also lead to smooth transitions in the resulting images. Additionally, with little practice it is possible to recognize the parameters from the image, by looking at curvatures, angles and distances. Linearity also leads to smooth interpolations without jumps or unintended easing, making them perfect for animations.

paramoji animation

How can I use paramojis on my website?

The easiest way to link the image directly as shown below. You can set the request parameters for five paramoji dimensions from 0 to 100. Optionally you can set the size parameter to get a fixed size image.

<img src="https://paramoji.org/paramoji.svg.php?v=70&a=50&d=45&c=0&o=40"/>

The source code is licensed as MIT and can be accessed here:

You can use the paramoji editor to find suitable parameters. To really leverage the power of paramojis these parameters must of course be dynamically derived or computed.

Try it out

I want to learn more about paramojis

Are there any similar solutions?

Contact

Email me

Join the discussion on Reddit

Stefan Dirnstorfer - Helene-Mayer-Ring 10 - Munich