Drawing commutative diagrams for Typst
This fork makes it generate
typst commute code instead of
LaTeX!
Try it on t.yw.je (or backup link).
Supported features:
- Drawing objects and arrows and labeling them;
- Arrow types including:
- injection (hook tail),
- surjection (double arrow head),
- definition ("maps to"),
- double arrow (for natural transformations),
- dotted,
- dashed,
- bended;
- Specifying arrow label position (left, right, or on the arrow).
Not yet supported features:
- Harpoon arrow head;
- Shifting an arrow left and right;
- Self loops;
- Parsing Typst code;
- Label rendering.
The following comes from the original repo.
tikzcd-editor 
A simple visual editor for creating commutative diagrams.
You can download the latest release to host it on your own or try it out here.
Building
Make sure you have Node.js and npm installed. First, clone this repository:
$ git clone https://github.com/yishn/tikzcd-editor
$ cd tikzcd-editor
Install dependencies with npm:
$ npm install
You can build by using the build command:
$ npm run build
This will create a minified bundle bundle.js and its source map. To launch,
simply open index.html in your favorite modern browser.
Use the watch command for development:
$ npm run watch
To create a self-contained archive file ready for distribution, run the following command:
$ npm run dist
This will create a folder and a zip file in the dist folder.
Contributing
Bug reports and pull requests are always welcome! Please consult the issues list for existing issues beforehand.
You can also support this project by donating.
Donators
A big thanks to these lovely people:
- Jeremy Rouse
- Marko Rodriguez
- Steve Heim
- Max New
- Bingyu Zhang
- Ariella Lee
Related
- jsx-tikzcd - Render tikzcd diagrams with JSX.