Various Emotions
✓ Published1🌍 Public
An interactive grid of eighteen cartoon faces displays six distinct emotions—happy, sad, surprised, angry, neutral, and worried—at three intensity levels each. As the mouse moves, each face dynamically adjusts its emotional expression based on proximity, scaling features like eye size, eyebrow angle, and mouth curvature through smooth interpolation. Built with React and D3, the visualization uses SVG primitives including circles, ellipses, and paths to render facial components, with effects like tears, sweat drops, steam, and sparkles appearing conditionally per emotion.
AI-generated descriptionMIT Licensed