Global Future Compass

Der Index misst nicht die Zukunft. Er hilft, sie zu gestalten.

---

1. About This Project

The Global Future Compass is a strategic navigation tool built with Vue.js, designed to visualize and analyze the complex strategic profiles of different world regions. In an era of profound uncertainty, this application provides a dashboard to understand the fundamental trade-offs every society faces: the balance between Resilience (Preservation), Transformation (Renewal), and Sovereignty (Self-Assertion).

This tool is not just for analysts; it is a means to empower a more informed, mature strategic debate and strengthen democratic decision-making. By making the inherent conflicts and synergies visible, it helps us navigate the challenges of the 21st century more consciously.

2. Features

• Interactive World Map: Select a global region to dynamically load its strategic data.
• The Strategic Compass: A dynamic triangle chart that visualizes a region's posture based on the three core navigators.
• Systemic Risk Dashboard: Gauges, indicators, and bars showing risks like Path Dependency, Regime Shift Proximity, and Planetary Boundary Constraints.
• Drill-Down Analysis: An accordion view to inspect the raw data powering the visualizations for full transparency.
• Centralized State Management: Powered by Pinia for a clean, reactive, and scalable data flow.

3. Technology Stack

• Frontend Framework: Vue.js 3
• Language: TypeScript
• Build Tool: Vite
• State Management: Pinia
• Styling: Scoped CSS within Single File Components (SFCs).

This project is configured to run in the Firebase Studio development environment.

4. Project Setup

1. Install Dependencies: The project is set up to run npm install automatically on workspace creation.

   npm install

2. Run Development Server: The web preview is configured to run this command automatically.

   npm run dev

5. Project Philosophy

The scenarios we face—from technological utopias to a fractured world—are not predetermined destinies. They are possible futures whose realization depends on the decisions we make today. This index is a critical tool to help ensure we chart a course toward a prosperous, sustainable, and ultimately collaborative civilization.

The future is not waiting for us. Let's invent it.

---

This project was bootstrapped from a standard Vue 3 + TypeScript + Vite template.