Projekt · Datenvisualisierung & 3D

Das System
als Galaxie.

Ich habe mein eigenes, gewachsenes Arbeits-System nicht in eine Tabelle gesperrt, sondern es als begehbare 3D-Galaxie sichtbar gemacht. Jeder Stern ist ein Baustein — Workflows, Server, Skills, Hooks. Jede Linie ein echter Datenfluss.

Three.js 119 Knoten 100 Verbindungen Auto-Rotation & Zoom
Was es ist

Eine interaktive 3D-Galaxie meines Gesamtsystems.

Über die Monate ist rund um meine Arbeit ein dichtes System gewachsen: Automationen, die im Hintergrund laufen, Werkzeuge, die miteinander reden, kleine Helfer, die ich mir selbst gebaut habe. Statt das in einer Liste verschwinden zu lassen, habe ich es mit Three.js in den Raum geholt — als Galaxie, durch die man fliegen kann. Kategorie-Filter blenden Ebenen ein und aus, Zoom holt einzelne Sterne heran, und eine sanfte Auto-Rotation lässt das Ganze atmen.

0
Knoten im System
0
Verbindungen
0
n8n-Workflows
0
Ebenen: MCP · Skills · Hooks
Live an Bord

Begeh sie direkt hier. Maus rein, fliegen.

system-galaxie · three.js Vollbild öffnen ↗
Vorschau der System-Galaxie
Galaxie laden & begehen
Three.js · interaktiv · Auto-Rotation

Ziehen zum Drehen · Scrollen zum Zoomen · Filter wechseln die Ebenen — oder im Vollbild öffnen.

Was drin steckt

Vier Ebenen, ein lebendiges Netz.

Die Galaxie ist nicht dekorativ — sie ist datengetrieben. Jeder Knoten und jede Kante kommt aus der echten Struktur meines Systems. Vier Kategorien lassen sich einzeln zu- und abschalten:

38 n8n-Workflows

Die laufenden Automationen — vom Webhook bis zur mehrstufigen Pipeline. Sie bilden den dichtesten Sternhaufen der Galaxie.

Automation · Orchestrierung

MCP-Server

Die Brücken, über die meine Werkzeuge mit dem Modell sprechen. Eigene Schnittstellen, die externe Dienste an die KI andocken.

Schnittstellen · Tools

Eigene Skills & Hooks

Selbst gebaute Fähigkeiten und Automatik-Auslöser, die meine Arbeit verlängern — der Teil, in dem aus „Tool" ein „System" wird.

Skills · Hooks · Routinen
build · system-graph
~/system-map $ node build-graph.js --from live → scanne Quellen ... workflows 38 (n8n, aktiv) mcp-server aktiv skills aktiv hooks aktiv → baue Graph ... nodes ......... 119 edges ......... 100 → rendere Three.js scene ... ✓ Galaxie bereit — Filter · Zoom · Auto-Rotation
Was es beweist

Komplexes greifbar machen — das ist der Job.

An der Bar habe ich 5 Bars und 1.300 Gäste pro Tag im Kopf behalten und dirigiert. Hier ist das System nur ein anderes — und ich mache es sichtbar, statt davor zu kapitulieren.

Skill 01

Datenvisualisierung

Aus 119 Knoten und 100 Kanten wird kein Wust, sondern ein lesbares Bild. Filter, Hierarchie und Farbe machen aus Rohdaten eine Aussage.

Skill 02

Interaktive 3D-Szenen

Eine flüssige Three.js-Szene mit Zoom, Drag und Auto-Rotation, die im Browser sofort läuft — ohne Build, ohne Plugin.

Skill 03

System-Denken

Das eigene, gewachsene System überhaupt erst zu durchschauen und zu modellieren — genau das, was ein Solutions Engineer für Kunden tut.

Ich bin ein Dirigent — und das hier ist meine Partitur.

Alex Heyers · Zwischen Tresen und Terminal
Nächster Schritt

Lust, durch die Galaxie zu fliegen?