udezekene/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.

Read more on Medium

1. Draw Rectangle or Oval.

2. Copy numeric or use random data. You can select a few strings of numbers to create a few lines, areas, bars, sparklines or progress bars. Supported formats:

   • 10, 12, 14, 16;
   • 5.3, 7.9, 15.3, 20.1;
   • 25%, 30%, 10%, 35%;
   • row in Google Sheets or Excel.

3. Select Rectangle.

4. Create Chart using Plugins menu or Sketch Runner :-)

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

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 progress bar
var progressBarBorder = 12;
var progressBarColor = [244,67,54];

// Set parameters for gauge chart
var gaugeChartBorder = 40;
var gaugeChartColor = [156,39,176];
var gaugeChartBackcolor = [236,236,236];

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

• Line Chart
• Bar Chart
• Area Chart
• Stacked Area Chart
• Sparkline
• New random data generation algorithm
• Pie Chart
• Donut Chart
• Progress Bar
• Solid Gauge Chart
• Stream Graph
• Bubble Chart (Feb 2018)
• Candlestick Chart (Mar 2018)

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

If you have any questions or ideas about Chart, please, feel free to contact me: [email protected], www.pavelkuligin.ru or facebook