cctamap.com · making of

Cómo sehizo esto.

Una mirada tras la app que acabas de usar. Por dentro es un solo archivo HTML, ~5,600 líneas, cero dependencias — hecho a medio tiempo por un radiólogo con una IA de copiloto. Esto es lo que costó trabajo, lo que habría costado en dinero, y cómo terminó armándose.

0 líneas 0 funciones 0 idiomas 0 dependencias 1 archivo
↗ Abrir la app Empezar la disección ↓
scroll
EN CORTO

Las partes más difíciles — un codificador QR Reed–Solomon a mano, la geometría de vasos con splines, 9 idiomas traducidos — antes habrían sido trabajo de un equipo, unos ~$300k. Con una IA de copiloto, un radiólogo las sacó a medio tiempo en un solo archivo. Lo que se abarató fue el cómo, no el qué. Abajo: qué costó trabajo, cuánto habría costado, cómo funciona, y cómo usarlo.

Hallazgos I · dificultad

¿Qué tan difícil fue cada sistema?

Una tier list de los subsistemas de la app, ordenados por dificultad técnica — no por importancia. Cada rating está respaldado por líneas reales del repo.

👆 Toca cualquier carta para voltearla y ver el detalle técnico.

Hallazgos II · costo

💸 Lo que esto habría costado hace unos años

Antes de programar en pareja con IA, sacar una app clínica de ~5,600 líneas de este alcance habría tomado unos ~17–18 persona-meses (referencia COCOMO II) — en la práctica, un equipo chico de 2–4 (un ingeniero front-end senior, un especialista en gráficos/geometría, una pasada de localización y aporte clínico de dominio) trabajando buena parte de medio año. Los sistemas tier-S y tier-A son justo donde ese presupuesto se habría quemado: escribir a mano un codificador QR Reed–Solomon, derivar la geometría de vasos con splines y entregar 9 idiomas completos, cada uno justificaba su propio contratista o una librería de paga. A grandes rasgos: del orden de $300k+ a tarifas de EE.UU. (~$50k a tarifas mexicanas). Hoy: un experto de dominio, medio tiempo, un archivo. Una estimación de esfuerzo convencional, no una factura medida. Nada se obtuvo sin antes dar algo a cambio.

~0
persona-meses (modelado)
$0k+
referencia tarifa EE.UU.
0
equipo convencional
0
experto de dominio, medio tiempo

Hallazgos III · mecanismo de acción

Mecanismo de acción

Un caso sintético que enciende casi toda la tier list a la vez. Haz scroll para diseccionarlo — cada sistema se ilumina en el mapa conforme avanzas.

CAD-RADS 5PHRPI+SG
Caso coronario complejo anotado
CD anómala re-ruteada desde el seno izquierdo
6
Ruteo de anomalías · A. Otro caso: la CD re-ruteada desde el seno izquierdo, interarterial — origen re-anclado, trayecto proximal redibujado con pushOut + suavizado Laplaciano. Ninguna librería hace esto.
7
QR a la app
7 Codificador QR (S) · 8 Compartir+checksum (B). El caso entero → base64url + FNV-1a → un QR escaneable, todo a mano (Reed–Solomon, 0 deps).

Referencia

La taquigrafía CAD-RADS

Esos badges no son adorno — son los modificadores CAD-RADS 2.0 que el motor escribe en cada caso. Esto significa cada uno.

P
Carga de placa
Carga aterosclerótica total, graduada P1–P4.
HRP
Placa de alto riesgo
Rasgos de alto riesgo: baja atenuación, remodelado positivo, anillo de servilleta, calcio punteado.
I
Isquemia
Isquemia funcional por CT-FFR o perfusión por TC.
N
No diagnóstico
Uno o más segmentos no evaluables.
E
Excepciones
Hallazgos no ateroscleróticos: anomalías, disección, vasculitis.
S
Stent
Un segmento con stent previo.
G
Injerto
Un injerto de bypass coronario (CABG).

Present day, present time · no es captura

Pruébalo tú mismo.

Todo lo de arriba lo generó la app de abajo — corriendo aquí mismo, este caso exacto. Cuatro pasos para manejarla; prueba cada uno en vivo.

1
Toca un vaso
Define la severidad de la estenosis (0% → oclusión total), el tipo de placa y los flags: HRP, stent o no diagnóstico.
2
Arrastra a lo largo
Dibuja la longitud exacta de la lesión arrastrando, en vez de marcar el segmento entero.
3
Define el contexto
La dominancia, la isquemia funcional (I) y el origen anómalo (E) viven en los paneles bajo el mapa.
4
Lee y comparte
La categoría CAD-RADS y el informe se actualizan solos. Exporta un PNG o comparte el caso como QR.
cctamap.com — caso complejo post-CABG ● en vivo
cargando la app en vivo…

Mismo origen, mismo código. El mapa que diseccionaste es el motor SVG de esta app, fluyendo en tiempo real. Toca 🎲 para un caso nuevo, o ⬇ para exportar las mismas PNG que usamos arriba.