45:["$","title",null,{"children":"modelo Hub & Spoke para MIO | Allen Q | Observable"}] 4d:T2a22, const principios = [ "Calidad", "Responsabilidad", "Confidencialidad", "Integridad", "Disponibilidad", "Trazabilidad", "Privacidad", "Licitud y finalidad", "Transparencia y consentimiento", "Derechos del titular" ]; const dominios = [ {nombre:"Clientes e identidad", area:"Atención, Cumplimiento y Producto", foco:[0,2,6,7,8,9], control:"Identificación, calidad de perfiles, finalidad y gestión de derechos."}, {nombre:"Transacciones y pagos", area:"Operaciones y Tecnología", foco:[0,3,4,5,7], control:"Conciliación, integridad de operaciones, conservación y registro de eventos."}, {nombre:"Comercios", area:"Operaciones comerciales", foco:[0,1,2,8], control:"Registro de comercios, actualización, responsables y reglas de acceso."}, {nombre:"Riesgo y fraude", area:"Riesgo, Cumplimiento y Seguridad", foco:[0,2,3,5,6,7], control:"Alertas, decisiones documentadas y acceso restringido a información sensible."}, {nombre:"Tecnología y seguridad", area:"Tecnología y Seguridad de la Información", foco:[1,2,3,4,5], control:"Permisos, bitácoras, disponibilidad, gestión de incidentes y recuperación."}, {nombre:"Analítica y reportes", area:"Analítica y áreas de negocio", foco:[0,5,6,7,8], control:"Definiciones comunes, calidad de indicadores y límites de reutilización."}, {nombre:"Alianzas y terceros", area:"Alianzas, Legal y Cumplimiento", foco:[1,2,5,6,7,9], control:"Contratos, intercambio de información, destinatarios y responsabilidades."} ]; const raiz = document.createElement("div"); raiz.innerHTML = `

Gobierno del Dato · MIO

Modelo Hub & Spoke propuesto. Selecciona un dominio o un principio.

Dominio Principio

Arquitectura de gobierno

Clic en un nodo para consultar su responsabilidad sugerida.

Matriz dominio × principio

◆ Refuerzo prioritario propuesto · Aplicación transversal. No representa cumplimiento comprobado.

Diseño académico para investigación. Dominios, responsables y prioridades pendientes de validación con MIO.

`; const buscar = id => raiz.querySelector(`#${id}`); let dominioActivo = -1; let principioActivo = -1; const dom = buscar("dominio"); const pri = buscar("principio"); dominios.forEach((d,i) => dom.add(new Option(d.nombre,String(i)))); principios.forEach((p,i) => pri.add(new Option(p,String(i)))); const NS = "http://www.w3.org/2000/svg"; function svg(tag, attrs={}, parent=buscar("radial")) { const n=document.createElementNS(NS,tag); for(const [k,v] of Object.entries(attrs)) n.setAttribute(k,v); parent.appendChild(n); return n; } function texto(x,y,contenido,props={}) { const t=svg("text",{ x,y, "text-anchor":"middle", "font-family":"system-ui, sans-serif", ...props }); t.textContent=contenido; return t; } function pintarRed() { const s=buscar("radial"); s.replaceChildren(); const pos=dominios.map((d,i)=>{ const a=-Math.PI/2+i*2*Math.PI/dominios.length; return { x:460+307*Math.cos(a), y:310+220*Math.sin(a) }; }); pos.forEach((p,i)=>svg("line",{ x1:460,y1:310,x2:p.x,y2:p.y, stroke:dominioActivo===i?"#0b8885":"#cad9e3", "stroke-width":dominioActivo===i?5:2 })); svg("circle",{ cx:460,cy:310,r:94, fill:"#173d59", stroke:"#0da09b", "stroke-width":4 }); texto(460,302,"HUB CENTRAL",{ "font-size":20,fill:"white","font-weight":700 }); texto(460,325,"Consejo de Datos",{ "font-size":15,fill:"#d6f2f1" }); pos.forEach((p,i)=>{ const d=dominios[i]; const seleccionado=dominioActivo===i; const destacado=principioActivo<0|| d.foco.includes(principioActivo); const grupo=svg("g",{ class:`spoke ${seleccionado?"selected":""}`, tabindex:0, role:"button", "aria-label":d.nombre }); svg("rect",{ x:p.x-109,y:p.y-29,width:218,height:58,rx:12, fill:seleccionado?"#b6e7df": destacado?"#e8f7f5":"#f1f4f6", stroke:"#bfd0da", "stroke-width":1 },grupo); const partes=d.nombre.length>20? d.nombre.split(" y "):[d.nombre]; const lineas=partes.length===2? [partes[0]+" y",partes[1]]:[d.nombre]; lineas.forEach((l,k)=>{ const t=svg("text",{ x:p.x, y:p.y+(k-(lineas.length-1)/2)*16+5, "text-anchor":"middle", fill:"#153a52", "font-weight":650, "font-size":14 },grupo); t.textContent=l; }); grupo.addEventListener("click",()=>{ dominioActivo=i; dom.value=String(i); actualizar(); }); grupo.addEventListener("keydown",e=>{ if(e.key==="Enter"||e.key===" ") { e.preventDefault(); grupo.dispatchEvent(new Event("click")); } }); }); } function pintarDetalle() { const d=dominios[dominioActivo]; const p=principios[principioActivo]; buscar("detalle").innerHTML = d ? `

${d.nombre}

Responsables funcionales sugeridos:
${d.area}

Controles propuestos:
${d.control}

Principios de especial atención:

${d.foco.map(i=> `${principios[i]}` ).join("")}

${p?`

Filtro: ${p}. ${d.foco.includes(principioActivo)? "Refuerzo prioritario propuesto.":"Aplicación transversal."}

`:""}` : `

Consejo de Gobierno del Dato

Hub central propuesto para aprobar políticas, coordinar responsables de dominio, supervisar calidad, privacidad, seguridad y trazabilidad, y resolver conflictos entre áreas.

Principios bajo su coordinación:

${principios.map(p=> `${p}` ).join("")}

`; } function pintarMatriz() { const head=`Dominio${ principios.map((p,i)=> `${i+1}` ).join("") }`; const body=dominios.map((d,i)=>` ${d.nombre} ${principios.map((p,j)=>` `).join("")} `).join(""); buscar("matriz").innerHTML=head+`${body}`; buscar("matriz").querySelectorAll("button").forEach(b=>{ b.onclick=()=>{ dominioActivo=Number(b.dataset.d); principioActivo=Number(b.dataset.p); dom.value=String(dominioActivo); pri.value=String(principioActivo); actualizar(); }; }); } function actualizar() { pintarRed(); pintarDetalle(); pintarMatriz(); } dom.onchange=()=>{ dominioActivo=Number(dom.value); actualizar(); }; pri.onchange=()=>{ principioActivo=Number(pri.value); actualizar(); }; buscar("restablecer").onclick=()=>{ dominioActivo=-1; principioActivo=-1; dom.value="-1"; pri.value="-1"; actualizar(); }; buscar("csv").onclick=()=>{ const filas=[ ["Dominio","Principio","Tipo propuesto","Área responsable"], ...dominios.flatMap(d=>principios.map((p,i)=>[ d.nombre, p, d.foco.includes(i)?"Prioritario":"Transversal", d.area ])) ]; const csv="\uFEFF"+filas.map(f=> f.map(v=>'"'+v.replaceAll('"','""')+'"').join(';') ).join('\r\n'); const url=URL.createObjectURL( new Blob([csv],{type:"text/csv;charset=utf-8"}) ); const a=document.createElement("a"); a.href=url; a.download="MIO_matriz_gobierno.csv"; a.click(); setTimeout(()=>URL.revokeObjectURL(url),2000); }; actualizar(); display(raiz); 4e:[] 49:{"id":"767678ac86bb6ecd","slug":"modelo-hub-and-spoke-para-mio","title":"modelo Hub & Spoke para MIO","thumbnail":"3abf149731f6846eb1aaf08af54f375568329172f288b45ee8ef690f8d04946e","access_level":"public","create_time":"$D2026-10-31T01:38:07.152Z","update_time":"$D2026-10-31T01:40:42.408Z","view_time":null,"first_public_time":"$D2026-10-31T01:41:45.659Z","has_unpublished_edits":null,"fork":false,"stars":0,"starred":false,"owner":{"type":"team","id":"9b777312fea6dc77","login":"allen-q","name":"Allen Q","avatar_url":"https://avatars-next.observableusercontent.com/f32293ffdef37fc20c657b7076e05c45826631edaf56406066aec07922e29316","tier":"starter_2024","bio":"","followed_by_you":false,"follows_you":false},"version":18,"publish_version":18,"role":null,"authored":false,"authors":[{"type":"individual","id":"a8a0f4ea11d88ae6","login":"allen-q","name":"Allen Q","avatar_url":"https://avatars-next.observableusercontent.com/f32293ffdef37fc20c657b7076e05c45826631edaf56406066aec07922e29316","tier":null,"bio":"","followed_by_you":false,"follows_you":false}],"members":[{"type":"team","id":"9b777312fea6dc77","login":"allen-q","name":"Allen Q","avatar_url":"https://avatars-next.observableusercontent.com/f32293ffdef37fc20c657b7076e05c45826631edaf56406066aec07922e29316","tier":"starter_2024","role":"editor"}],"comments":[],"custom_thumbnail":false,"trashed":false,"lapsed":null,"subscribed":null,"forks":0,"collection":null,"type":"notebook","body":{"titling":"auto","title":"modelo Hub & Spoke para MIO","cells":[{"id":1,"value":"# modelo Hub & Spoke para MIO","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":2,"value":"$4d","pinned":false,"hidden":false,"mode":"ts","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"}],"files":"$W4e","stdlib":"2"}} 44:null