dschlueter/jamulix-homepage
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity

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

Browse source
This commit is contained in:
Dieter Schlüter 2026-04-24 22:34:04 +02:00
commit b43f351397
1 changed files with 10 additions and 9 deletions
Download patch file Download diff file Expand all files Collapse all files

19
components/system-diagram.tsx
View file

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