Hallo Grafik

Das absolute Minimum. Geben Sie Pivotick ein data-Objekt aus Knoten und Kanten in die Hand und Sie erhalten ein interaktives, kraftgesteuertes Diagramm – Schwenken, Zoomen und Ziehen funktionieren sofort. Keine Optionen erforderlich. Bewegen Sie den Mauszeiger über einen Knoten, um dessen Beschriftung anzuzeigen.

Optionen

const options = {}

Daten

const data = {
    nodes: [
        { id: 'ana', data: { label: 'Ana' } },
        { id: 'ben', data: { label: 'Ben' } },
        { id: 'cleo', data: { label: 'Cleo' } },
        { id: 'dan', data: { label: 'Dan' } }
    ],
    edges: [
        { from: 'ana', to: 'ben' },
        { from: 'ben', to: 'cleo' },
        { from: 'cleo', to: 'dan' },
        { from: 'ana', to: 'cleo' }
    ]
}