https://github.com/iamacarpet/sketchviz-docker

Graphviz -> Sketchy PNG in one image, for automation
https://github.com/iamacarpet/sketchviz-docker

actions bitbucket-pipelines graphviz roughjs sketchviz

Last synced: 9 months ago
JSON representation

Graphviz -> Sketchy PNG in one image, for automation

• Host: GitHub
• URL: https://github.com/iamacarpet/sketchviz-docker
• Owner: iamacarpet
• Created: 2021-02-22T13:06:06.000Z (over 5 years ago)
• Default Branch: master
• Last Pushed: 2021-02-24T09:43:21.000Z (over 5 years ago)
• Last Synced: 2025-04-03T06:06:03.302Z (about 1 year ago)
• Topics: actions, bitbucket-pipelines, graphviz, roughjs, sketchviz
• Language: JavaScript
• Homepage:
• Size: 2.33 MB
• Stars: 24
• Watchers: 2
• Forks: 5
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

          
# Sketchviz Docker

Inspired by `sketchviz.com` (although unaffiliated).

This container bundles:

* Graphviz

* A script using [RoughJS](https://www.npmjs.com/package/roughjs) to "draw" the graphs

* Tooling needed to convert from `SVG -> PNG` (`svgexport`).

Tested with BitBucket Pipelines, see [example script](examples/build_diagrams.sh).

## Example Image

As an example, using [Kingraph](https://github.com/rstacruz/kingraph).

We take the [family file](examples/kingraph/simpsons.yml)

Which initially renders like this:

![initial image](examples/kingraph/simpsons.svg)

Then we run it through our converter and get this:

![rough image](examples/kingraph/simpsons.png)