A plugin for Sketch that provides transformation tools that are useful for mocking up basic charts (bar, column, line, etc.).
Here's how I use these plugins to speed up my workflow when I'm mocking up basic charts in Sketch.
This is how I create a fake column or bar chart that fits in a given size and aligns to pixel boundaries.
- Draw a rectangle the size of the entire bar chart
- Choose Plugins→Transform→Split into grid
- Set the number of columns to the desired number of bars (or set rows for horizontal bars). For a continuous domain (e.g. for a histogram), leave the gutter at 0
- Select all but the first rectangle (so that it remains at the original height)
- Choose Plugins→Transform→Resize each
- For column charts set a negative height (set a negative width for bars)
- Turn on "Cumulative" (so each bar gets progressively smaller) and "Randomize" to introduce a little noise into the data
- Select all of the bars and align to the appropriate baseline
