Skip to content
master
Go to file
Code

Latest commit

Bumps [bl](https://github.com/rvagg/bl) from 4.0.2 to 4.0.3.
- [Release notes](https://github.com/rvagg/bl/releases)
- [Commits](rvagg/bl@v4.0.2...v4.0.3)

Signed-off-by: dependabot[bot] <support@github.com>

Co-authored-by: dependabot[bot] <49699333+dependabot[bot]@users.noreply.github.com>
abddfac 1

Git stats

Files

Permalink
Failed to load latest commit information.

README.md

Swirly

A marble diagram generator.

npm JavaScript Standard Style

Example

Here's Swirly rendering the effect of the concatAll operator:

concatAll

The image above was built from this marble diagram specification.

Diagram specifications use an extension of the syntax used for RxJS marble testing. You can find a few examples in this repository.

Web Version

You can use Swirly in your browser at swirly.dev.

The Web version allows you to edit diagram specifications in real time and export them to an SVG or a PNG image.

CLI Version

Swirly is also available as a command-line utility. To run it, you need a sufficiently recent version of Node.js.

To install Swirly on your machine, just install the swirly npm package:

npm install -g swirly

Next, create diagram.txt with your diagram specification. Take a look at the examples to learn about the expected syntax.

You can then generate an SVG image from the specification by simply running:

swirly diagram.txt diagram.svg

Swirly can also output PNG images. Since PNG is a raster image format, you may want to increase the resolution to get a higher-quality result. You can do so by passing --scale followed by a percentage. For example, this will render the image at twice its original size:

swirly --scale=200 diagram.txt diagram.png

Author

Tim De Pauw

License

MIT

You can’t perform that action at this time.