Get started with react-diagrams CDN
MIT licensed
React-Diagrams is a library for building interactive diagrams in React.
Tags:- web
- diagram
- diagrams
- react
- typescript
- flowchart
- simple
- links
- nodes
Stable version
Copied!
How to start using 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;
Copied!
Copied!
Copied!
Copied!