Chart

Chart is a Sketch plugin for creation the most popular charts by real or random data. Chart supports copy-paste from any kind of text editor, for example: Notes, Word, Google Docs, etc. Also Chart supports copy-paste tabulated data from Google Sheets or Microsoft Excel.

Usage

Steps

Create Artboard in Sketch file.
Draw Rectangle on Artboard.
Copy numeric or use random data. You can select a few strings of numbers to create a few lines, areas, bars or sparklines. Supported formats:
- 10, 12, 14, 16;
- 5.3, 7.9, 15.3, 20.1;
- 25%, 30%, 10%, 35%;
- row in Google Sheets or Excel.
Select Rectangle on Sketch Artboard.
Create Chart :-)

Install

Via Sketchpacks

Or manually

Download and unzip: chart-master.zip.
Double click Chart.sketchplugin.

Parameters

Open Parameter.js in Chart.sketchplugin/Contents/Sketch/ and change plugin's parameters as you want.

// Type of line: straight — 0, curved — 1
var curveType = 1;

// Set of colors for lines
var colorPalette = new Array();
	var red = [244,67,54];
	var pink = [233,30,99];
	var purple = [156,39,176];
	var deepPurple = [103,58,183];
	var blue = [33,150,243];
	var cian = [0,188,212];
	var teal = [0,150,136];
	var green = [0,200,83];
	var yellow = [255,235,59];
	var amber = [255,193,7];
	var orange = [255,152,0];

	colorPalette = [red, green, blue, yellow, purple, pink, amber, cian, deepPurple, teal, orange];

var sparkColor = [52,52,52];

// Set parameters for lines
var borderThickness = 2;
var endWidth = 8;
var dots = false;

// Set parameters for donut
var donutBorder = 40;

// Set parameters for sparklines
var borderThicknessSpark = 1;
var endWidthSpark = 4;
var sparkPointsCount = 20;

Roadmap

Support Chart

If Chart saves your time and you want more new features, support me via PayPal.

Contact me

If you have any questions or ideas about Chart, please, feel free to contact me: pavel.kuligin@behavox.com, www.pavelkuligin.ru or facebook

SamuraiSoberbo/chart