mpuchstein/REMind
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

swapped colors and labels for "Sexuelle Träume" and "Flugträume" for consistent data representation and accuracy in Technology visualization

Browse Source 
Signed-off-by: Matthias Puchstein <matthias@puchstein.bayern>
This commit is contained in:
Matthias Puchstein
2025-07-17 03:34:06 +02:00
parent 2edf6b3f1f
commit 7754370a70
1 changed files with 18 additions and 18 deletions
Download Patch File Download Diff File Expand all files Collapse all files

36
src/pages/dreamarchive/Technology.tsx
View File

@@ -11,8 +11,8 @@ import * as d3 from 'd3';
const dreamTypesData = [
{type: "Angstträume", percentage: 34, color: "#ef4444", darkColor: "#dc2626", note: "Global durchschnittlich"},
{type: "Soziale Träume", percentage: 28, color: "#3b82f6", darkColor: "#2563eb", note: "Kulturelle Variationen"},
{type: "Sexuelle Träume", percentage: 12, color: "#ec4899", darkColor: "#db2777", note: "Altersabhängig"},
{type: "Flugträume", percentage: 18, color: "#a855f7", darkColor: "#9333ea", note: "Persönlichkeitsabhängig"},
{type: "Sexuelle Träume", percentage: 12, color: "#ec4899", darkColor: "#db2777", note: "Altersabhängig"},
{type: "Verfolgungsträume", percentage: 8, color: "#f97316", darkColor: "#ea580c", note: "Stresskorreliert"}
];
@@ -392,23 +392,6 @@ export default function Technology() {
</div>
</div>
<div className="flex items-center">
<div className="w-4 h-4 bg-pink-500 dark:bg-pink-600 mr-2"></div>
<div className="flex-1">
<div className="flex justify-between">
<span className="text-sm font-bold">Sexuelle Träume</span>
<span className="text-sm">12%</span>
</div>
<div
className="relative h-2 bg-gray-200 dark:bg-gray-700 rounded-full overflow-hidden">
<div
className="absolute top-0 left-0 h-full bg-pink-500 dark:bg-pink-600 rounded-full"
style={{width: '12%'}}></div>
</div>
<p className="text-xs mt-1" style={getTextStyle('muted')}>Altersabhängig</p>
</div>
</div>
<div className="flex items-center">
<div className="w-4 h-4 bg-purple-500 dark:bg-purple-600 mr-2"></div>
<div className="flex-1">
@@ -427,6 +410,23 @@ export default function Technology() {
</div>
</div>
<div className="flex items-center">
<div className="w-4 h-4 bg-pink-500 dark:bg-pink-600 mr-2"></div>
<div className="flex-1">
<div className="flex justify-between">
<span className="text-sm font-bold">Sexuelle Träume</span>
<span className="text-sm">12%</span>
</div>
<div
className="relative h-2 bg-gray-200 dark:bg-gray-700 rounded-full overflow-hidden">
<div
className="absolute top-0 left-0 h-full bg-pink-500 dark:bg-pink-600 rounded-full"
style={{width: '12%'}}></div>
</div>
<p className="text-xs mt-1" style={getTextStyle('muted')}>Altersabhängig</p>
</div>
</div>
<div className="flex items-center">
<div className="w-4 h-4 bg-orange-500 dark:bg-orange-600 mr-2"></div>
<div className="flex-1">