Get started with react-diagrams CDN

import React from 'react';
import { Diagram, Node, Connection } from 'react-diagrams';

const DiagramComponent = () => {
  return (
    <Diagram>
      <Node x={100} y={100} label="Node 1" />
      <Node x={300} y={100} label="Node 2" />
      <Connection source={0} target={1} />

      {/* Render the diagram */}
      <Diagram ref="diagram" />
    </Diagram>
  );
};

export default DiagramComponent;