World.One 1.0

Der Zustand der Welt in einem einzigen Scroll-Erlebnis. Ein Vermächtnis aus Daten, Code und der Überzeugung, dass Transparenz die Welt verbessert.

🌍 Welt-Indikator: 65.4 / 100 🟢 POSITIV

█████████████░░░░░░░  65.4/100  ↑ +0

Berechnet aus hunderten Datenpunkten. Kein KI-Modell — reiner Code, reale Daten. Letzte Aktualisierung: 13.06.2026 03:37 UTC

Sub-Scores

📊 Live-Daten Snapshot

🌡️ Umwelt

👥 Gesellschaft

💰 Wirtschaft

🚀 Fortschritt

⚡ Echtzeit

📈 Momentum: 16/20 Trends positiv

🔮 Drei Szenarien bis 2050

🏗️ Architektur

world-one/
├── index.html                    # Entry Point — 12 Scroll-Sektionen
├── css/
│   ├── core.css                  # Design System, Custom Properties, Reset
│   ├── sections.css              # Bento Grid & Section Styles
│   ├── components.css            # Data Cards, AQI, Exchange Rates, Gauges
│   └── animations.css            # 40+ Keyframes & Transitions
├── js/
│   ├── app.js                    # Main Controller — Data Binding
│   ├── data-loader.js            # Fetch & LocalStorage Cache
│   ├── scroll-engine.js          # IntersectionObserver + RAF Loop
│   └── visualizations/
│       ├── world-indicator.js    # Der Haupt-Schieberegler
│       ├── charts.js             # SVG Charts (Line, Bar, Gauge, Sparklines)
│       ├── maps.js               # SVG-Weltkarten mit Overlays
│       ├── particles.js          # Canvas Partikel-System
│       ├── counters.js           # Animierte Counter & Typewriter
│       └── cinematic.js          # Scroll-driven Cinematics
├── scripts/
│   ├── collect-data.js           # 40+ API Datensammler
│   ├── process-data.js           # Raw → world-state.json Transformer
│   └── generate-readme.js        # Auto-README Generator
├── data/processed/
│   └── world-state.json          # Alle verarbeiteten Daten
└── .github/workflows/
    └── data-pipeline.yml         # Automatische Pipeline (alle 6h)

⚙️ Tech Stack

• Vanilla JS (ES Modules) — keine Frameworks, keine Build-Tools
• CSS Custom Properties — dynamisches Farbsystem pro Sektion
• Canvas API — Partikel-System mit Physik-Simulation
• SVG — Alle Charts, Sparklines und Karten
• IntersectionObserver — Scroll-driven Animations
• GitHub Actions — Automatisierte Daten-Pipeline mit Self-Healing

📡 Datenquellen (33)

🚀 Setup

Lokal starten

git clone https://github.com/BEKO2210/World_report.git
cd World_report
npx serve .
# → http://localhost:3000

GitHub Pages

1. Repository-Settings → Pages → Source: GitHub Actions
2. Die Pipeline läuft automatisch alle 6 Stunden
3. Manuell: Actions → World.One → Run workflow

🧬 Das Vermächtnis

Dieses Projekt wurde gebaut um zu überdauern. Die GitHub Actions Pipeline:

• Sammelt Daten aus 40+ freien APIs — alle 6 Stunden, automatisch
• Aktualisiert diese README mit Live-Daten bei jedem Pipeline-Lauf
• Erkennt Fehler und erstellt automatisch Issues bei Problemen
• Heilt sich selbst — schließt Issues wenn Quellen wieder verfügbar sind
• Läuft unendlich — solange GitHub existiert, lebt dieses Projekt

Die Daten hören nie auf zu fließen. Der Code repariert sich selbst. Ein Vermächtnis aus Transparenz, gebaut um die Menschheit zu überdauern.

_{Auto-generiert von der World.One Pipeline | 13.06.2026 03:37 UTC | 40/40 Quellen aktiv}