System-Diagramm: 68K ASM und Rust als innere Knoten positioniert

This commit is contained in:
Dieter Schlüter 2026-04-24 22:34:04 +02:00
commit b43f351397

View file

@ -3,12 +3,11 @@
import { motion } from 'framer-motion'
const nodes = [
// Halbkreis-Layout: folgt der Timeline von links → rechts in sanftem Bogen
// Halbkreis-Layout: äußerer Ring (Timeline) + innere Knoten
// 1970s-80s (oberer linker Bogen)
{ id: 'fortran', label: 'Fortran IV', x: 15, y: 25, era: '1976' },
{ id: 'pc', label: 'PC/DOS', x: 28, y: 18, era: '1984' },
{ id: 'c', label: 'C', x: 42, y: 15, era: '1986' },
{ id: 'asm', label: '68K ASM', x: 58, y: 18, era: '1986' },
// 1990s (oberer rechter Bogen)
{ id: 'unix', label: 'Unix', x: 70, y: 28, era: '1990' },
@ -18,25 +17,27 @@ const nodes = [
// 2000s-2020s (unterer Bereich, nach links zurück)
{ id: 'server', label: 'Server', x: 65, y: 75, era: '2000er' },
{ id: 'python', label: 'Python', x: 45, y: 82, era: '2000er' },
{ id: 'rust', label: 'Rust', x: 28, y: 78, era: '2022' },
{ id: 'ai', label: 'KI', x: 18, y: 68, era: '2022' },
// Innere Knoten (nahe der Mitte)
{ id: 'asm', label: '68K ASM', x: 52, y: 35, era: '1986' },
{ id: 'rust', label: 'Rust', x: 38, y: 60, era: '2022' },
]
const connections = [
// Hauptfluss der Timeline (äußerer Ring)
['fortran', 'pc'],
['pc', 'c'],
['c', 'asm'],
['c', 'unix'],
['unix', 'linux'],
['linux', 'web'],
['web', 'server'],
['server', 'python'],
['python', 'rust'],
['rust', 'ai'],
['python', 'ai'],
// Verbindungslinien (innere Verästelungen)
['c', 'unix'], // C beeinflusst Unix
['python', 'ai'], // Python → KI
// Innere Verbindungen
['c', 'asm'], // C → 68K ASM (innen)
['python', 'rust'], // Python → Rust (innen)
]
export function SystemDiagram() {