CxJS Diagrams

This is a simple library that allows you to create diagrams within CxJS applications.

import { Diagram, Flow, Cell, Shape } from "cx-diagrams";

<Svg class="w-auto h-full bg-white">
  <Diagram unitSize={32} showGrid center>
    <Flow gap={1}>
      <Cell width={2}>
        <Shape stroke="red" fill="white" text="Red" />
      </Cell>
      <Cell width={2}>
        <Shape stroke="blue" fill="white" text="Blue" />
      </Cell>
    </Flow>
  </Diagram>
</Svg>;

Links

• Documentation
• NPM

Repository

This is a mono repo containing the source code for the package and the documentation. Please use the yarn package manager as this repo uses its workspace features.

To start the documentation locally.

cd docs
yarn start

License

This project is available under the terms of the MIT license.