From 1fdbd358c8cd914fb767cbee1483d79935aa1fec Mon Sep 17 00:00:00 2001
From: Sergio <sergio@gioser.net>
Date: Sat, 23 May 2026 16:03:57 +0000
Subject: [PATCH] gioser-graph: min-max normalize weights, subtle transparency
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

- All edge weights are 0.83-0.93 (tight cluster). Now:
  min-max scale: (w - 0.80) / 0.15 → 0.0-1.0
  then quadratic curve: norm² to exaggerate differences
- Stroke width: 0.8 + expanded*3.0 (subtle, not chunky)
- Opacity: 12-42% (transparent and subtle)
- Brightness: moderate, maps to expanded value
---
 crates/apps/gioser-web/pkg/gioser_web_bg.wasm | Bin 527898 -> 527973 bytes
 .../gioser/gioser-graph-web/src/lib.rs        |  22 +++++++++++-------
 2 files changed, 14 insertions(+), 8 deletions(-)

diff --git a/crates/apps/gioser-web/pkg/gioser_web_bg.wasm b/crates/apps/gioser-web/pkg/gioser_web_bg.wasm
index 939c2e4bcfa7ff6bfeda86ee5ce83deb10a1630e..2a360792801bd339b1af92010d64cf9c5a8dca35 100644
GIT binary patch
delta 412
zcmbO=N8#xlg$+;CnGXEi{7hZ7jq%B5o^`85>le%fft~vmt(Y7XSTva#oEU?685CHw
znK@i$fuv@>+`mB4id%uvg#ipc*h3i%3<_2*#$a&RezB63f)!jMSsID^!9E4dU8H0U
zRlwn}2xj)=*N3lhgUw}lV82MoYVw&Qwv1MjxsK{HT1~b(YA9?Cwc@h<B9|R<t*--j
z>}#$&+Fo~*vAymnQ+wS}=JvXyEbVniS-006W&6v+C_TOA5}Q1u<n}q2*xVWG%NQ9L
zgcukY0{I0P3>g?0O3?UeX#5m3elQw85RLDK#&<#G3o%%t3NV;YFS)`tnQ>7&$5poN
J99P+eECIr2VO#(J

delta 337
zcmaDlM`6|+g$+;CnZEwm{7hZ7jdA8?o^`85P13;NnZ2SFlY;__CNqN*V-PQc0*f{?
zhoTj?0;7VJ3j-J^I4pv)eoQtya*Z3TFYTHAA|>m|;zw;6ttW>b)n~Mx+<Med*ve(r
zOb~czzX-~@*?jV7`^lq>?I({iwVyo7+<x*XOZ&;AtlLi>W&6v+C_4T4B{q3R;qA{a
zvAHwW7cep~2r)1)1o8_o7&0(0<e~8s(D-p^d|x!aHyYmojc<p_7h*6*6<{!&zW)l_
SWX3t|!B^R~2VZ3uvIGE%7gE{)

diff --git a/crates/modules/gioser/gioser-graph-web/src/lib.rs b/crates/modules/gioser/gioser-graph-web/src/lib.rs
index bd5e3fd..946a449 100644
--- a/crates/modules/gioser/gioser-graph-web/src/lib.rs
+++ b/crates/modules/gioser/gioser-graph-web/src/lib.rs
@@ -253,21 +253,27 @@ impl GraphWidget {
             let c2 = color_map.get(edge.target.as_str()).copied().unwrap_or("#888");
 
             let w = edge.weight.unwrap_or(0.7);
-            // EXAGERADO: grosor 1 a 10px, máximo contraste
-            // weight 0.50 → 3px, weight 0.95 → 9px
-            let thick = 1.5 + w * 8.0;
 
-            // Color más saturado: mezcla sin gris, cada canal al extremo
+            // Min-max scaling: expandir el rango real (0.83-0.93) a 0.0-1.0
+            // Con un mínimo global de 0.80 para capturar todo
+            let norm = ((w - 0.80) / 0.15).clamp(0.0, 1.0);
+            // Curva cuadrática para exagerar diferencias: norm²
+            let expanded = norm * norm;
+
+            // Grosor sutil: 0.5px a 3.5px (no grueso, diferenciado)
+            let thick = 0.8 + expanded * 3.0;
+
+            // Color mezclado
             let blended = blend_colors(c1, c2, 0.5);
             let (br, bg, bb) = parse_hex(&blended);
-            // Brillo exagerado: peso bajo = color puro; peso alto → blanco
-            let bright_factor = w * 0.7;
+            // Brillo: sin expander, normal 0-1, sútil
+            let bright_factor = norm * 0.5;
             let r = (br as f64 + (255.0 - br as f64) * bright_factor).min(255.0) as u32;
             let g = (bg as f64 + (255.0 - bg as f64) * bright_factor).min(255.0) as u32;
             let b = (bb as f64 + (255.0 - bb as f64) * bright_factor).min(255.0) as u32;
 
-            // Opacidad: peso bajo = 40%, peso alto = 95%
-            let alpha = 0.40 + w * 0.55;
+            // Opacidad baja y sutil: 15% a 40%
+            let alpha = 0.12 + expanded * 0.30;
 
             let line: SvgLineElement = self
                 .document