marwinm/website
3
2
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

feat(mindmap): enhance functionality for better user interaction

Browse Source
This commit is contained in:
Marwin
2025-05-03 19:52:35 +01:00
parent 1cf7bfbf76
commit 21ddd38e13
1 changed files with 21 additions and 2 deletions
Download Patch File Download Diff File Expand all files Collapse all files

23
static/mindmap.js
View File

@@ -8,7 +8,7 @@ class MindMapVisualization {
this.containerSelector = containerSelector; this.containerSelector = containerSelector;
this.container = d3.select(containerSelector); this.container = d3.select(containerSelector);
this.width = options.width || this.container.node().clientWidth || 800; this.width = options.width || this.container.node().clientWidth || 800;
this.height = options.height || 600; this.height = options.height || 800; // Erhöhung der Standardhöhe für bessere Sichtbarkeit
this.nodeRadius = options.nodeRadius || 22; this.nodeRadius = options.nodeRadius || 22;
this.selectedNodeRadius = options.selectedNodeRadius || 28; this.selectedNodeRadius = options.selectedNodeRadius || 28;
this.linkDistance = options.linkDistance || 150; this.linkDistance = options.linkDistance || 150;
@@ -35,8 +35,27 @@ class MindMapVisualization {
// Flash-Nachrichten-Container // Flash-Nachrichten-Container
this.flashContainer = null; this.flashContainer = null;
// Erweiterte Farbpalette für Knotentypen // Authentischere Farbpalette mit dezenten, professionellen Farben
this.colorPalette = { this.colorPalette = {
'default': '#6b7280', // Grau
'root': '#4f46e5', // Indigo
'philosophy': '#3b82f6', // Blau
'science': '#10b981', // Smaragdgrün
'technology': '#6366f1', // Indigo
'arts': '#8b5cf6', // Violett
'ai': '#7c3aed', // Violett
'ethics': '#475569', // Slate
'math': '#0369a1', // Dunkelblau
'psychology': '#0284c7', // Hellblau
'biology': '#059669', // Grün
'literature': '#4338ca', // Indigo
'history': '#0f766e', // Teal
'economics': '#374151', // Dunkelgrau
'sociology': '#4f46e5', // Indigo
'design': '#0891b2', // Cyan
'languages': '#2563eb' // Blau
};
'default': '#b38fff', 'default': '#b38fff',
'root': '#7e3ff2', 'root': '#7e3ff2',
'philosophy': '#58a9ff', 'philosophy': '#58a9ff',