Organisms
Complex components composed of molecules and atoms
AuraRing
GPU-accelerated 60fps canvas with 4-tier vibrancy, MAX bars, and ROYGBIV audio
Click segments to select. Click plays ROYGBIV piano tones!
Adjust Segment Values
import { AuraRing } from '@/components/imajeure'4-Tier Vibrancy System
Visual intensity scales with metric value (MAX_SATURATION = 3.0)
Dormant
0-33%
Dim, low saturation, minimal presence
Active
34-66%
Medium intensity, building energy
Vibrant
67-99%
Strong glow, pulse animation begins
Peak
100%
Maximum intensity, extra glow ring
60fps Canvas Rendering
GPU-accelerated with desynchronized context and device-optimized DPR
MAX_SATURATION = 3.0
Triple saturation for vivid, eye-catching colors that pop
ROYGBIV Audio Engine
Web Audio API piano tones mapped to C Major scale (C4-B4)
MAX Aura Bar
Extra pulsing glow ring appears at 100% for legendary status
Streaming Mode
Live data simulation with ±10 fluctuation per 100ms tick
Base Protrusion
20% minimum radius ensures segments are always visible