🌍 Public
Viewing a saved revision (read-only)
3bef3b1e8f5248e0a0aa9e62db215429
Primary Emotions Spectrum
This visualization maps eight primary emotions across three intensity levels—mild, moderate, and intense—displaying corresponding feeling words in color-coded horizontal rows. Each emotion receives a distinct hue, with word size increasing from mild to intense to convey growing emotional strength. The example uses plain DOM manipulation rather than D3’s data-join methods, constructing rows and cells with `document.createElement` and attaching click listeners that trigger alert dialogs showing the emotion, intensity, and synonym. All styling is applied via external CSS classes defining gradient backgrounds, hover scaling, and responsive layout.
AI-generated description