// ORDEN — 14 sigilos (palo azul). LA DISTINCIÓN ya está en sigils.jsx.
// 1 DISTINCIÓN [✓] · 2 REPETICIÓN · 3 SIMETRÍA · 4 PATRÓN · 5 GRADIENTE
// 6 PROTOCOLO · 7 ESTRUCTURA · 8 INVARIANTE · 9 NORMA · 10 CRISTAL
// 11 EL CLASIFICADOR · 12 EL CARTÓGRAFO · 13 LA REGLA · 14 EL ALGORITMO
const O_SVG = ({ children, size = 300 }) => (
);
const ArrO = ({ id, color }) => (
);
// 2 · REPETICIÓN — same glyph tiled across
const Sigil_REPETICION = ({ color, size = 300 }) => {
return
{Array.from({length:5}).map((_,row)=>(
Array.from({length:5}).map((_,col)=>{
const x = 40 + col*48;
const y = 40 + row*48;
return
;
})
))}
;
};
// 3 · SIMETRÍA — mirrored figure with explicit axis
const Sigil_SIMETRIA = ({ color, size = 300 }) => {
const cx = size/2, cy = size/2;
return
{/* axis */}
{/* left figure */}
{/* right figure — mirrored */}
{/* mirror reflection arrows */}
{[-60, -30, 0, 30].map((dy, i) => (
))}
σ
;
};
// 4 · PATRÓN — tile repeating across diagonal — Alexander-style
const Sigil_PATRON = ({ color, size = 300 }) => {
return
{Array.from({length:6}).map((_,row)=>(
Array.from({length:6}).map((_,col)=>{
const x = 30 + col*42;
const y = 30 + row*42;
const odd = (row + col) % 2;
return
{odd ? (
) : (
)}
;
})
))}
;
};
// 5 · GRADIENTE — gradient bar with direction
const Sigil_GRADIENTE = ({ color, size = 300 }) => {
const cx = size/2, cy = size/2;
return
{/* gradient bar */}
{/* arrow showing direction */}
{/* gridlines for value reading */}
{[0, 1, 2, 3, 4].map(i => (
))}
bajo
alto
∇
;
};
// 6 · PROTOCOLO — finite-state handshake diagram
const Sigil_PROTOCOLO = ({ color, size = 300 }) => {
const cx = size/2, cy = size/2;
return
{/* 3 states */}
{[[cx-80, cy], [cx+80, cy], [cx, cy+70]].map(([x,y],i)=>(
{['S₁','S₂','S₃'][i]}
))}
{/* transitions with labels */}
ack
data
syn
{/* start */}
;
};
// 7 · ESTRUCTURA — relational framework / lattice
const Sigil_ESTRUCTURA = ({ color, size = 300 }) => {
const cx = size/2, cy = size/2;
// diamond lattice
return
{/* top, mid, bottom nodes */}
{/* connections (Hasse-like) */}
;
};
// 8 · INVARIANTE — shape rotating, marker stays fixed
const Sigil_INVARIANTE = ({ color, size = 300 }) => {
const cx = size/2, cy = size/2;
return
{/* four rotated copies of a triangle, sharing a fixed centroid */}
{[0, 90, 180, 270].map((rot,i)=>(
))}
{/* the invariant — center marker */}
{/* rotation arrow */}
θ
;
};
// 9 · NORMA — parallel rows with limit marker
const Sigil_NORMA = ({ color, size = 300 }) => {
const cx = size/2;
return
{/* horizontal rows representing samples */}
{Array.from({length:9}).map((_,i)=>{
const y = 50 + i*24;
const center = cx;
const dev = [4, -2, 1, -1, 2, 0, -3, 0, 1][i] * 4;
return
;
})}
{/* the norm — vertical line */}
{/* tolerance band */}
μ
−σ
+σ
;
};
// 10 · CRISTAL — perfect square lattice
const Sigil_CRISTAL_ORDEN = ({ color, size = 300 }) => {
return
{Array.from({length:7}).map((_,row)=>(
Array.from({length:7}).map((_,col)=>{
const x = 40 + col*36;
const y = 40 + row*36;
return
{col < 6 && }
{row < 6 && }
;
})
))}
{/* unit cell highlight */}
;
};
// 11 · EL CLASIFICADOR (Sota) — Venn diagram
const Sigil_CLASIFICADOR = ({ color, size = 300 }) => {
const cx = size/2, cy = size/2;
return
A
B
C
A∩B∩C
;
};
// 12 · EL CARTÓGRAFO (Caballero) — map with grid + location pin
const Sigil_CARTOGRAFO = ({ color, size = 300 }) => {
const cx = size/2, cy = size/2;
return
{/* outer frame */}
{/* graticule */}
{[1, 2, 3, 4].map(i => (
))}
{/* coastlines / contours */}
{/* compass rose */}
N
{/* location pin */}
;
};
// 13 · LA REGLA (Reina) — formal rule notation with turnstile
const Sigil_REGLA = ({ color, size = 300 }) => {
const cx = size/2, cy = size/2;
return
{/* rule format: A ⊢ B */}
A
{/* turnstile ⊢ */}
B
{/* fine print */}
SI A ENTONCES B
{/* below: instances */}
∀x · P(x) → Q(x)
;
};
// 14 · EL ALGORITMO (Rey) — flowchart with loop
const Sigil_ALGORITMO = ({ color, size = 300 }) => {
const cx = size/2, cy = size/2;
return
{/* start */}
INICIO
{/* arrow */}
{/* process */}
PASO
{/* decision diamond */}
¿ok?
{/* yes → end */}
sí
{/* end */}
FIN
{/* loop back: no */}
no
;
};
Object.assign(PILOT_SIGILS, {
'REPETICIÓN': Sigil_REPETICION,
'SIMETRÍA': Sigil_SIMETRIA,
'PATRÓN': Sigil_PATRON,
'GRADIENTE': Sigil_GRADIENTE,
'PROTOCOLO': Sigil_PROTOCOLO,
'ESTRUCTURA': Sigil_ESTRUCTURA,
'INVARIANTE': Sigil_INVARIANTE,
'NORMA': Sigil_NORMA,
'CRISTAL': Sigil_CRISTAL_ORDEN,
'EL CLASIFICADOR':Sigil_CLASIFICADOR,
'EL CARTÓGRAFO': Sigil_CARTOGRAFO,
'LA REGLA': Sigil_REGLA,
'EL ALGORITMO': Sigil_ALGORITMO,
});