Support for hand-drawn diagrams with rough.js
A more relaxed and informal style for shapes, fills and lines is often used in infographics, teaching materials, maps and reports so that the diagrams are little less sterile and boring. The rough style adds a hand drawn shading options, rough outlines and connectors, and handwritten text labels.
We spent a couple of hours integrating rough.js to update our existing, and fairly limited, comic style, and the result is pretty useful.
Note: This rough style is available in version 13.3.1 onwards.
Apply the rough style
- Select one or more shapes and connectors that you want to roughen.
- In the format panel on the right, click Sketch to apply the rough style to your selected shapes, labels and connectors.
rough=1 URL parameter
rough=1 as a URL parameter so the whole diagram has that style. For example:
See a description of all of the supported URL parameters.
The rough style can make flowcharts a little less intimidating in training and onboarding materials.