Paramoji

What is a paramoji?

A paramoji is a parametric icon that represents facial expressions on continuous scales. They are similar to Emojis, but instead of being enumerated they are parametric. The expressions are rendered from parameters that can be freely selected on a continous scale. They can be used to visualize manually selected, automatically detected or computationally generated data 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.

Read more about the design principles of paramojis: Visualizing emotions with linearly parameterized facial expressions

Try it out

How do Paramojis look?

Paramojis are designed to look clear and minimalistic. They work on various scales, as well as light and dark backgrounds. They are informative, simple and fit into a range of designs.

Paramojis used in an info graphicsParamojis in a black and white info graphicsParamojis on a checkerboardParamojis fractal with various scales

How do Paramojis look in animations?

How paramojis can translate number into emotions and it combines with LLM outputs.

Paramoji with emotional beats.

Using Paramoji for an explanatory video about sadness.

How can I use paramojis on my website?

The easiest way to link the image from https://paramoji.org/paramoji.svg.php. You can set the request parameters for the paramoji dimensions from 0 to 100. The request returns an SVG image.
<img src="https://paramoji.org/paramoji.svg.php?v=70&a=50&d=45&g=0&c=0&o=40"/>
Parameter Description
v Valence, aka pleasure, is the axis from bad to good, misery to pleasure, disagreement to agrement.
a Arousal is the axis from calm to aroused, inactive to active, sleepy to alarmed.
d Dominance is the axis from weakness to strength, fear to anger, submission to assertion.
g Disgust is the axis from neutral to disgusted, repelled, sickened.
c Contempt is the axis from neutral to smug, vain, disdainful and contemptful.
o Control is the axis from uncontrolled to controlled, expressed to suppressed.
b Blush from absent to maximum cheek blushing
t Tears from absent to maximum tear size
size Size of the generated image, default is 100%
dark Dark mode, if set to 1, all lines are generated white to fit on black backgrounds.

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

Who is using paramojis?

Are there any similar solutions?

Contact

Email me

Stefan Dirnstorfer - Helene-Mayer-Ring 10 - Munich