Visualización 3D y de datos en el navegador

Volumen, espacio y grandes conjuntos de datos representados sin plugins ni instalaciones: se abre un enlace y funciona.

4 demos navegables

Ver todos los labs

Cuando el espacio es el dato

Hay problemas que en una tabla no se entienden. Cómo encaja la carga en un camión, dónde está el consumo dentro de una vivienda o qué ocurre en una terminal portuaria son preguntas espaciales, y la respuesta útil también tiene que serlo.

En Estiba el 3D no es decorativo: es el resultado del algoritmo de colocación, y verlo llenarse es lo que permite juzgar si la solución propuesta tiene sentido antes de mandar el camión.

Sin plugins, sin instalación, sin CAD

La ventaja de resolverlo en el navegador es que se comparte con un enlace. Nadie necesita instalar un visor, tener licencia de CAD ni un equipo potente: se abre en un portátil, en la tablet del almacén o en el móvil del cliente.

Es la diferencia entre una herramienta que usa el departamento técnico y una que puede mirar cualquiera en una reunión, que suele ser donde de verdad hace falta.

Datos densos que se puedan leer

Visualizar mucho no es visualizar bien. Un lienzo infinito con pan y zoom, como el de Lienzo, o un mapa isométrico en vivo funcionan porque permiten moverse entre la vista general y el detalle sin perder el contexto.

Ese es el criterio: que en cualquier nivel de zoom se sepa dónde se está y qué se está mirando. Sin eso, la visualización impresiona en la demo y no se usa después.

Preguntas frecuentes

¿Necesita un ordenador potente?

No. Los labs de esta página funcionan en portátiles corrientes y en móviles razonablemente modernos. Se prioriza el rendimiento sobre el realismo visual, que en un contexto operativo no aporta.

¿Se puede partir de nuestros modelos CAD?

Sí, con una conversión previa a formatos web. Lo habitual es simplificar la geometría: un modelo de fabricación tiene mucho más detalle del que necesita una visualización.

¿Usáis Three.js u otra librería?

Según el caso. Varios de estos labs están hechos con CSS y canvas puro porque el problema no necesitaba más. Cuando hace falta WebGL de verdad, se usa; cuando no, se evita el peso.

Otros tipos de sistema