Mapa de ontología

Tipos de cosas y cómo se relacionan.

Definición

El mapa de ontología dibuja los tipos de cosas de un modelo como cajas y sus relaciones como enlaces con la cardinalidad escrita en los dos extremos. La posición de cada caja se puede declarar, para que una casualidad del reparto no sugiera jerarquía. Sirve para acordar el vocabulario de un producto o un dominio antes de diseñar pantallas o datos.

Editar con tus datos SVG Spec JSON

Datos: tipo · nombre · fila · columna · propiedades · conformes · nota · zona · desde · hasta · carddesde · cardhasta · desvio · rol
Buena para: Acordar qué tipos de cosas existen y cómo se relacionan.
Evítala cuando: Cuando solo importa quién está conectado con quién: las cardinalidades y las propiedades sobran.
Se lee bien: Entre 3 y 14 elementos; dibuja hasta 24
Datos que faltan: Se niega a dibujar y dice qué valor falta.
Accesibilidad: Lector de pantalla: tabla de datos · respeta «reducir movimiento»

Forma de los datos

Qué columnas pide

Columna	Tipo	Para qué
`tipo`	string	Si la fila es una caja o un enlace: objeto · interfaz · derivado · enlace. Cerrada y obligatoria: cualquier otra cosa hace FALLAR con los cuatro valores escritos.
`nombre`	string	El nombre del tipo. Obligatorio en las cajas: es la clave con la que los enlaces las citan.
`fila` · opcional	number	Coordenada vertical de la caja. Va EN PAREJA con `columna`: medido, declarar una sin la otra hace fallar, y quitar las dos deja que la colocación automática sitúe la caja.
`columna` · opcional	number	Coordenada horizontal. Pareja de `fila`.
`propiedades` · opcional	string	Las propiedades tipadas que se listan dentro de la caja.
`conformes` · opcional	string	Los tipos que se conforman a una interfaz.
`nota` · opcional	string	El matiz bajo la caja.
`zona` · opcional	string	El recuadro rotulado que agrupa varias cajas.
`desde`	string	El `nombre` de la caja de origen del enlace. Obligatorio en las filas de tipo enlace: «un enlace necesita los dos extremos».
`hasta`	string	El `nombre` de la caja de destino. Obligatorio en los enlaces.
`carddesde` · opcional	string	La cardinalidad rotulada en el extremo de origen.
`cardhasta` · opcional	string	La cardinalidad en el extremo de destino.
`desvio` · opcional	number	Desvío del enlace para que dos que unen las mismas cajas no se pisen.
`rol` · opcional	string	neutro · foco · alerta · ausente · favorable. `ausente` es el objeto o el enlace que la especificación contempla y nadie ha construido.

Tamaños

Ancha por necesidad

Esta pieza necesita anchura para que cada rótulo quepa entero. El motor prefiere decirlo a apretarla.

A menos de 480 px sus rótulos no caben sin pisarse o recortarse, y el motor no la publica así. En el móvil se ve la versión ancha, a tamaño legible y sin recortar, dentro de un marco que se desliza.

Cuándo usarla

Tres preguntas antes de elegirla

¿Modelas tipos de cosas y no tablas de una base de datos?

Si lo que dibujas son entidades y claves de una base de datos, el diagrama entidad-relación es la convención.

Sí: quédate con mapa de ontología

No: usa Diagrama entidad-relación

¿Las relaciones tienen cardinalidad?

Si solo importa quién está conectado con quién, un grafo de red basta.

Sí: quédate con mapa de ontología

No: usa Grafo de red

¿Describes qué es cada cosa y no cómo cambia?

Si lo que importa es el ciclo de vida de un objeto, la máquina de estados lo dibuja.

Sí: quédate con mapa de ontología

No: usa Máquina de estados

Código

La misma pieza, con tus datos

import { getPreset, renderComposition } from 'visx-render/node';

const spec = await getPreset('concept-ontology');
spec.data.rows = misFilas; // tipo, nombre, desde, hasta
const { svg, warnings } = await renderComposition(spec);

También en React con Chart y prepareComposition. Guía para desarrolladores →

Dudas

¿Qué tipos de caja hay?

Objeto, interfaz y derivado; los enlaces son otra clase de fila. Cualquier otro tipo hace fallar el dibujo.

¿Quién decide dónde va cada caja?

Tú, con su fila y su columna, que van siempre juntas. Si quitas las dos, la colocación es automática.

¿Qué es una caja ausente?

El objeto o el enlace que la especificación contempla y nadie ha construido. Se marca con el rol «ausente».

¿Qué hace si faltan datos?

Se niega a dibujar y dice qué valor falta.

¿Cómo se ve en el móvil?

A menos de 480 px el motor no la compone sin pisar o cortar rótulos, y lo dice. En el móvil se ve la versión ancha, a tamaño legible, dentro de un marco que se desliza.

Relacionadas

Otras formas de responder «cómo funciona algo»

Guía para elegir: cómo funciona algo →