Empezar

GraphoJS es una alternativa open-source (MIT) a GoJS. La mayoría de las aplicaciones migran cambiando solo la línea de import.

Instalación

npm install graphojs
# o, para el namespace compatible con GoJS:
import * as go from 'graphojs/go';

¿Solo quieres probarlo sin montar un proyecto? Puedes cargar GraphoJS directamente desde un CDN, sin npm install ni bundler — ver Usar GraphoJS sin npm (CDN).

Tu primer diagrama

El siguiente playground muestra un diagrama con tres nodos y dos enlaces. Edita el código y pulsa Run (o Ctrl/Cmd+Enter) para ver el resultado.

Edita el código y pulsa Run▶ Run↺ Reset

Qué ha pasado

1. go.Diagram('graphojs-root') crea el diagrama dentro del elemento con ese id.
2. diagram.nodeTemplate define cómo se dibuja cada nodo (una forma + una etiqueta).
3. diagram.model es un GraphLinksModel con nodeDataArray y linkDataArray.
4. El motor se encarga del render, los eventos y las interacciones.

Siguiente paso

Continúa con Templates para personalizar nodos y enlaces.