Advanced Data Protection — 3D Security/Privacy/Compliance Shield
This is a genuine Three.js/WebGL companion to the 2D Advanced Data Protection simulator. Instead of a flat radial chart, the same four factors — protection, privacy, compliance and overall effectiveness — become real tetrahedral pylons in 3D space around a central data core, connected by energy beams whose thickness and glow scale with each factor's value.
The math is identical to the 2D original: overall effectiveness is (typeFactor + protectionLevel/10 + privacyControls/10 + complianceLevel/10) / 4, with data security at overall × 0.9, privacy management at overall × 0.85, data governance at overall × 0.8 and compliance assurance at overall × 0.75 — exactly as in the 2D runDataProtectionSimulation() function, including the same five data-type factors (personal 0.9, financial 0.8, health 0.9, intellectual property 0.7, confidential 0.8).
Simulated intrusion packets spawn continuously around the shield and travel toward the data core; the shield deflects a fraction of them equal to the computed overall effectiveness, so a stronger protection/privacy/compliance configuration visibly blocks more attempts while a weaker one lets more reach the core, with a live deflected-vs-total counter. Drag to orbit the core and its four pylons, scroll or pinch to zoom, and change the data type to reshape the core geometry and its baseline effectiveness factor.