Getting Started withDiagrammatic-UI

import { Graph } from 'diagrammatic-ui';

function MyGraph() {
  const graphData = {
    nodes: [
      { id: 'node1', name: 'Node 1' },
      { id: 'node2', name: 'Node 2' }
    ],
    edges: [
      { id: 'edge1', source: 'node1', target: 'node2' }
    ]
  };

  return (
    <Graph 
      data={graphData}
      height={500}
      theme="light"
    />
  );
}