El Visor de la Infraestructura Digital

Deja de alquilar
la interfaz de
tus propios datos.

Llevas meses construyendo infraestructura de datos BIM. Los datos están ahí. Pero para que alguien los vea necesitas Autodesk Viewer, Power BI o una plataforma que no controlas. El Visor te enseña a construir la tuya.

Sin Autodesk Viewer
Visor IFC propio
Sin Power BI
Dashboards propios
Sin vendor lock-in
Control total
Lo que haces ahora
Autodesk Viewer

Su interfaz · Sus limitaciones · Su precio

Power BI / Tableau

No entiende IFC · Se rompe al cambiar el esquema

Informes PDF manuales

Capturas de Revit · Actualizados a mano · Siempre tarde

↓ El Visor
Lo que construyes
Tu visor IFC

Tu interfaz · Tus filtros · Tu URL · Tu logo

Tus dashboards BIM

Entiende IFC · Conectado a tu API · En tiempo real

Tu plataforma propia

Cualquiera la usa · Sin abrir Revit · Sin suscripciones

La infraestructura sin interfaz
es invisible.

Tienes datos.
Tienes modelo.
Tienes infraestructura.

Y para que alguien los vea tienes
que pasar por una plataforma que no controlas,
que tiene la interfaz que ellos deciden y
que te cobra por cada usuario.

El visor que no es tuyo

Vendor lock-in

Mandas el modelo al cliente a través de Autodesk Viewer. Él ve lo que Autodesk decide que puede ver. La interfaz tiene el logo de Autodesk. Y si Autodesk cambia el plan de precios, el enlace deja de funcionar.
«El cliente pregunta por qué el visor no muestra los parámetros personalizados. Porque Autodesk Viewer no los muestra. No hay más.»
El dashboard que no entiende BIM

Herramienta genérica

Tienes Power BI conectado a una exportación semanal del modelo. Funciona. Pero Power BI no sabe lo que es un IfcWall. Cualquier cambio de formato rompe el conector. Y alguien tiene que hacer la exportación cada semana a mano.
«Hemos montado el dashboard. Pero cuando cambia el modelo de datos hay que rehacerlo entero. Cada vez.»
Los datos que nadie puede ver

Infraestructura invisible

Has construido infraestructura en Los Pilares. Los datos están en el modelo, en el pipeline, en la base de datos. Pero para que alguien del equipo los consulte necesita abrir Revit o pedírtelo a ti.
«Toda la infraestructura montada y al final el cliente sigue pidiendo capturas de pantalla de Revit.»

BIMMY

Un dato que nadie puede ver sin abrir Revit no es un activo. Es un archivo. La diferencia entre infraestructura y plataforma es que alguien puede usar la segunda sin saber que existe la primera.

Para quien ya tiene los datos
y necesita hacerlos visibles.

Este programa es para ti si...

Este programa NO es para ti si...

Seis módulos.
Una plataforma BIM propia.

El Visor no enseña frontend genérico.
Enseña a construir herramientas BIM visuales específicas.

La tecnología es el medio — la plataforma propia es el destino

Módulo 01

La base estructural de cualquier interfaz

Antes de construir tu plataforma BIM necesitas entender cómo se estructura una interfaz en el navegador. No es un curso de diseño — es la base técnica que todo lo demás necesita. Ves el resultado al instante, sin configuración.

Objetivo

La estructura visual de tu dashboard BIM: navegación, paneles, layout responsivo. La carcasa donde vivirán los datos del modelo.

HTML
CSS
Flexbox
Grid
Responsivo
				
					.platform {
  display: grid;
  grid-template-columns:
    240px 1fr;
  grid-template-rows:
    60px 1fr auto;
  height: 100vh;
  background: #0F0F0F;
}
.viewer { grid-area: main; }
.properties { grid-area: side; }
				
			
Módulo 02

Interactividad sin frameworks

Hacer que la interfaz responda: cargar datos de tu API BIM, actualizar paneles sin recargar, gestionar estados de carga. El JavaScript moderno que necesitas antes de React — y que React usa internamente.

Objetivo

Una interfaz que carga datos del modelo desde tu API y los muestra en tiempo real sin recargar la página. El primer paso de conectividad real.

JavaScript
DOM
fetch
async
await
				
					async function loadModelData(category) {
  const panel = document
    .getElementById('properties');
  panel.innerHTML = 'Cargando...';

  const data = await fetch(
    `/api/elements/${category}`
  ).then(r => r.json());

  renderProperties(panel, data);
}
				
			
Módulo 03

Interfaces profesionales sin diseñar desde cero

Construir dashboards que se ven profesionales sin dedicar semanas al CSS. Tablas de datos BIM filtrables, layouts responsivos, componentes reutilizables. El resultado visual que cualquier cliente puede usar.

Objetivo

Un dashboard de datos BIM con tablas filtrables, métricas de resumen y navegación por categorías — que funciona en móvil, tablet y escritorio.

Bootstrap
DataTables
Componentes
				
					<div class="card border-0">
  <div class="card-header">
    <span class="badge bg-success">
      IfcWall
    </span>
    <small>Exterior_200mm</small>
  </div>
  <div id="pset-list"></div>
</div>
				
			
Módulo 04

Eliminar la dependencia de Power BI

Tablas de datos BIM que entienden IFC, gráficos que se actualizan solos, grafos de relaciones entre elementos. Todo conectado directamente a tu API — sin exportaciones, sin intermediarios, sin herramientas genéricas que no entienden tu modelo.

Objetivo

La capa de visualización completa de tu plataforma BIM: tablas filtrables, gráficos de distribución, grafos de relaciones y métricas en tiempo real. Sin Power BI.

Chart.js
D3.js
DataTables
API BIM
				
					const bimChart = new Chart(ctx, {
  type: 'doughnut',
  data: {
    labels: ifcCategories,
    datasets: [{
      data: elementCounts,
      backgroundColor: palette
    }]
  },
  options: {
    onClick: (e, el) =>
      filterByCategory(el)
  }
});
				
			
Módulo 05

Componentes que escalan

Convertir la plataforma de scripts sueltos en una arquitectura de componentes mantenible. TypeScript para que los datos BIM estén tipados. React para que los componentes sean reutilizables. El salto de «funciona» a «escala»

Objetivo

La arquitectura de componentes de tu plataforma BIM: visor, panel de propiedades, tabla de elementos y métricas — todo tipado, todo reutilizable, todo mantenible.

TypeScript
React
Hooks
Props tipadas
				
					interface IfcElement {
  globalId: string;
  type: string;
  name: string;
  psets: PropertySet[];
}

const PropertiesPanel: React.FC<{
  element: IfcElement | null
}> = ({ element }) => {
  if (!element) return <EmptyState />;
  return <PsetList psets={element.psets} />;
};
				
			
Módulo 06

Tu visor IFC en el navegador

web-ifc parsea el IFC directamente en el navegador. BIM Components convierte eso en un visor 3D interactivo con React: selección de elementos, panel de propiedades, filtros por categoría, sección transversal. Sin Autodesk Viewer. Sin plugins. Sin suscripciones. Con una URL que cualquiera puede abrir.
Objetivo

Tu visor IFC completo: carga modelos, selecciona elementos, muestra propiedades, filtra por categoría. Desplegado con una URL pública. Sin depender de ninguna plataforma externa.

web-ifc
BIM Components
React
TypeScript
IFC
				
					import * as OBC from "@thatopen/components";

// Tu visor. Tu control.
const viewer = new OBC.Components();
const loader = viewer.get(OBC.IfcLoader);

loader.onIfcLoaded.add((model) => {
  // Selección, filtros, propiedades
  // Todo bajo tu control
  highlighter.setup({ model });
  properties.init({ model });
});
				
			

El resultado concreto
al terminar el Visor.

No una colección de componentes de ejemplo, que también.
No un repositorio de ejercicios de React, que también.
Una plataforma BIM funcional con visor IFC propio, dashboard de datos y cero dependencia de Autodesk Viewer.

Para el profesional individual

Una interfaz propia que carga, visualiza y filtra modelos IFC directamente en el navegador. Sin suscripciones externas, sin depender de ningún visor de terceros.

Para el BIM Manager

Un dashboard conectado a datos del modelo que el equipo puede consultar sin abrir Revit. La información del proyecto visible donde la necesitas, no encerrada en un archivo.

Para la empresa

Plataformas de visualización y reporting BIM propias. Sin licencias de Autodesk Viewer, sin Power BI, sin depender de herramientas externas para mostrar tus propios datos.

Cómo conecta con
los otros programas.

El Visor construye la capa visual.

Los otros programas de Código BIM construyen lo que hay debajo:
la automatización dentro del modelo y el
backend que saca los datos al exterior.

La Escalera construye add-ins con interfaces WPF dentro de Revit. El Visor permite llevar esas interfaces al navegador con React y TypeScript — herramientas BIM con UI de producto real, accesibles desde cualquier dispositivo sin instalar nada.
El backend FastAPI de Los Pilares es la fuente de datos natural que consume El Visor. Juntos forman una aplicación web BIM completa: Los Pilares procesa y expone los datos, El Visor los hace visibles e interactivos en el navegador.

Un año de acceso completo.
Todo incluido.

Suscripción anual con acceso a
los seis módulos,
sesiones en directo,
soporte y
el agente de IA contextual.

Sin módulos sueltos, sin pagar por piezas.

El Visor de la Infraestructura Digital

Suscripción anual

997€/año
ACCESO COMPLETO

La Escalera + Los Pilares + El Visor. La plataforma BIM completa: automatización, backend e interfaz. Todas las sesiones en directo y el agente de IA.

2.497€/año
¿PARA TU EQUIPO?

Formación adaptada a vuestros flujos, sesiones presenciales en vuestra oficina y soporte continuo. Precio a medida.

Preguntas específicas
sobre El Visor.

Los módulos 01–03 son completamente independientes. No necesitas backend. A partir del módulo 04 (eliminar Power BI) necesitas una API de datos BIM — puede ser el FastAPI de Los Pilares, una propia o cualquier API pública. La combinación Los Pilares + El Visor es la más natural, pero no es obligatoria.

Sí. web-ifc parsea modelos IFC directamente en el navegador usando WebAssembly. BIM Components construye el visor 3D interactivo encima. El resultado no es un juguete — es una herramienta funcional que carga, selecciona y filtra elementos de modelos IFC reales. Sin Autodesk, sin plugins, con una URL.

Para datos BIM, sí — y con ventajas claras. Tu dashboard sabe que existe el IFC. Está conectado directamente a tu API. No necesita exportaciones manuales. No se rompe cuando cambia el esquema del modelo. Y no le pagas una suscripción mensual a Microsoft para mostrar los datos de tu cliente.

No. El módulo 01 empieza desde cero — sin configuración, sin entorno, sin instalaciones. HTML y CSS se ven en el navegador al instante. Si ya tienes algo de base en JavaScript, puedes entrar directamente en el módulo 02. Si tienes experiencia con React, puedes ir directo al 05.
EL PRIMER PASO ES GRATUITO

Empieza con
HTML y CSS.

La infraestructura sin interfaz es invisible. El módulo 01 es gratuito — empieza sin configuración, sin instalaciones, y ves el resultado en el navegador al instante.