System-Diagramm: 68K ASM und Rust als innere Knoten positioniert
This commit is contained in:
parent
c024143e20
commit
b43f351397
1 changed files with 10 additions and 9 deletions
|
|
@ -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() {
|
||||
|
|
|
|||
Loading…
Add table
Add a link
Reference in a new issue