⚙️ VAREN Compressor with Speed Control

💡 Implementation Notes

• Fan Animation: Uses SVG <animateTransform> with type="rotate"
• Rotation Center: Blades rotate around center point (cx=110, cy=120) specified in animateTransform
• Speed Control: Dynamic dur attribute changes rotation speed (0.5s to 6s)
• Smooth Transitions: Animation continues seamlessly when speed changes
• 4 Blade Design: Realistic industrial compressor fan pattern
• Metallic Effect: Multiple gradients create 3D depth illusion
• Status Indicator: Visual feedback for RUNNING/STOPPED state

🔧 Speed Calculation

• Formula: duration(seconds) = 60 / RPM
• Example: 30 RPM = 60/30 = 2 seconds per rotation
• Range: 10 RPM (6s) to 120 RPM (0.5s)

🔨 C# Integration Example

For Blazor/WPF implementation in ModernIndustrialSkin.RenderCompressor():

• Check fillLevel > 0 to show/hide animation
• Calculate rotation speed: dur = 60.0 / rpm
• Use repeatCount="indefinite" for continuous rotation
• Specify rotation center in animateTransform: from="0 cx cy" and to="360 cx cy"
• Important: Don't use CSS transform-origin - use animateTransform attributes instead