"Data Visualization at the Speed of Thought."
AetherTouch GTM is a next-generation Revenue Operations Dashboard that reimagines how GTM Engineering teams visualize pipeline health. It replaces static 2D charts with an immersive, gesture-controlled 3D particle system.
Physical geometry that adapts to your metrics (Phase 8.5 Intelligence Layer):
- Revenue Funnel: A tornado-like structure where width = conversion rate and height = pipeline velocity.
- Global Command: A geo-sphere highlighting active markets (EMEA, APAC, AMER) with real-time growth heatmaps.
- Journey Flow: Spline-based rivers showing multi-channel attribution traffic merging into revenue.
- Holographic Guides: Coordinate rings providing scale and reference (Leads vs Won).
- 3D Floating Labels: Dynamic text indicating metric values in 3D space.
- Attribution Legend: Clear color coding for Lead Stages (Cyan/Cold -> Gold/Warm -> Green/Won).
Experience 6DoF control without touching a screen:
| Gesture | Action |
|---|---|
| Pinch & Drag | Inspect specific data clusters |
| Double Pinch | Elastic Zoom into the data (Drill Down) |
| Namaste | Reset view to executive summary |
- Google Sheets: Paste a public Sheet ID to instantly visualize your data.
- CSV Drag-and-Drop: Secure, offline visualization of local files.
- Intelligent Mapper: Auto-detects columns like "Revenue", "Growth", "Conversion" and binds them to the physics engine.
- Core: Three.js (WebGL), Custom GLSL Shaders
- Input: MediaPipe Hands (ML Tracking), Fingerpose
- Architecture: Single-file SPA (Vanilla JS + CSS3 Glassmorphism)
- Clone:
git clone https://github.com/MathewJoseph1993/AetherTouch.git cd AetherTouch - Serve:
npx serve .orpython3 -m http.server 8000
- Visualize: Open
http://localhost:8000
- Phase 1-7: Physics Core & Basic Shapes (Done)
- Phase 8: SaaS Overhaul & Intelligence Layer (Done)
- Phase 9: Deployment & Vercel Integration (Next)
Built with ❤️ and ☕ by Mathew Joseph