Atlas Visualizations & Lenses
Relevant source files
The following files were used as context for generating this wiki page:
The Atlas Visualizations and Lenses constitute the primary observability and navigation layer of the TAMV Online Digital Civilization System. These components serve as the "central console" for the Atlas, providing real-time data on the civilizational graph, identity flows, and the operational state of the MD-X5 kernel. The system utilizes a "Knowledge Grid" and "Civilization Stream" approach to guide users through 14 modules based on their specific roles and required technical depth.
Sources: src/pages/WikiHome.tsx:55-60, src/pages/wiki/modulo-omega/ManifiestoTamv.tsx:21-25
Civilization Stream & Role-Based Navigation
The core visualization engine, the CivilizationStream, implements a guided reading experience. It dynamically adapts content visibility and weighting based on user roles (Citizen, Dev, Academia, Government, Entrepreneur) and depth levels (Intro, Técnico, Constitucional).
Data Weighting Logic
The system applies specific weights to modules depending on the selected user persona. For instance, the "Dev" role receives maximum weight (1.0) for technical architecture modules, while the "Government" role is prioritized for governance modules (Module 9 and above).
Diagram shows the flow of user role selection through the weighting logic to the final stream display.
Sources: src/pages/WikiHome.tsx:21-36, src/pages/WikiHome.tsx:50-53
Visualization Attributes
| Component | Visual Strategy | Implementation |
|---|---|---|
| Module Gradients | Six-stage color cycle | From Cyan-400 to Fuchsia-500 |
| Criticality Markers | isCritical flag | Highlights foundational/constitutional articles |
| Depth Level | Triple-tier categorization | Intro, Técnico, or Constitucional |
| Read Time | Dynamic calculation | 6 + (pageIndex % 6) minutes |
Sources: src/pages/WikiHome.tsx:4-12, src/pages/WikiHome.tsx:40-52
Architecture Pulse & Command Center
The Command Center (CITEMESH) provides high-impact executive views for engineering and product decisions. It tracks critical path status, MSR (Movement Status Registry) traceability, and governance evolution through the "Architecture Pulse."
Real-Time Status Monitoring
The architecturePulse visualization tracks implementation progress across key systemic layers:
- Backend Core: Current progress at 90%.
- Quantum Lab: Qiskit/TFQ stability at 85%.
- XR Worlds: WebXR/Three.js productivity at 75%.
- MSR / BookPI: Audited ledger status at 80%.
Diagram showing the telemetry flow from the MD-X5 kernel to the Architecture Pulse display.
Sources: src/pages/wiki/metaverso-xr/RoadmapCivilizatorio.tsx:9-15, src/pages/wiki/metaverso-xr/RoadmapCivilizatorio.tsx:142-150
Visual Lenses: UI Wrappers & Backgrounds
The Atlas uses specific visual wrappers to denote technical "lenses" or immersive states. These are implemented as reusable React components that provide consistent aesthetic feedback throughout the documentation.
Aurora Background
The AuroraBackground component creates a semi-transparent, blur-heavy aesthetic using radial gradients. It signals the "Knowledge Grid" state and is primarily used in headers and article views to improve readability of high-density technical data.
// Implementation of the Aurora Lens in src/pages/wiki/WikiPage.tsx
function AuroraBackground() {
return (
<div className="absolute inset-0 overflow-hidden pointer-events-none">
<div className="absolute top-[-10%] left-[15%] w-[30rem] h-[30rem] rounded-full blur-[140px] bg-cyan-500/8" />
<div className="absolute bottom-[-20%] right-[10%] w-[34rem] h-[34rem] rounded-full blur-[180px] bg-indigo-500/10" />
</div>
);
}
Sources: src/pages/wiki/WikiPage.tsx:25-33
Kernel Status Lights
Located in the AppShell, status indicators provide immediate visual confirmation of subsystem health:
- ISNI Pipeline: Active (Emerald-400 pulsate).
- MD-X5 Kernel: Online (Sky-400).
- Isabella Core: Aware (Violet-400).
Sources: src/pages/WikiHome.tsx:75-87, src/App.tsx:206-215
Operational Observability Metrics
Visualizations also serve a quality control function via the QC-TAMV-01 Constitutional framework. This includes the "10 Cycles" of the MD-X5 Pipeline (Deca-V).
Pipeline Visualization (Deca-V)
The pipeline is visualized as a sequence of mandatory gates that must be cleared for any production deployment:
Sequence diagram representing the 10-cycle deployment pipeline gate system.
Sources: src/pages/wiki/implementacion/CicdPipelines.tsx:50-65
Performance Targets
The Atlas monitors specific performance KPIs through its visual interfaces:
- Social Feed Latency: < 300ms.
- Isabella AI P95: < 4s.
- XR Performance: ≥ 45 FPS on medium equipment.
- Network RTT: < 200ms.
Sources: src/pages/wiki/implementacion/CicdPipelines.tsx:116-125, src/pages/WikiHome.tsx:103-105
In summary, Atlas Visualizations & Lenses bridge the gap between abstract civilizational code and human-readable operational states. By combining role-based weighting, real-time telemetry pulses, and specific visual treatments like the Aurora background, the system ensures that complex technical architecture remains inspectable and auditable.