Chart

Create the most popular types of charts by real or random data

v2.1.0 is compatible with Sketch 46.2.0

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

Usage

Steps

  1. Create Artboard in Sketch file.
  2. Draw Rectangle on Artboard.
  3. 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.
  4. Select Rectangle on Sketch Artboard.
  5. Create Chart :-)

Install

Via Sketchpacks

Install PLUGIN NAME with Sketchpacks

Or manually

  1. Download and unzip: chart-master.zip.
  2. 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 and areas
	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];

	// Set color for Sparkline
	var sparkColor = red;

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

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

Roadmap

  • [x] Line Chart
  • [x] Bar Chart
  • [x] Area Chart
  • [x] Stacked Area Chart
  • [x] Sparkline
  • [ ] New random data generation algorithm
  • [ ] Pie Chart
  • [ ] Donut Chart
  • [ ] Stream Graph
  • [ ] Candlestick Chart
  • [ ] Progress Bar
  • [ ] Bubble Chart

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


Join the discussion

Download v2.1.0
Stats
  • 147 downloads all–time
  • 70 downloads this week
  • 147 downloads this month
About this plugin

pavelkuligin published this plugin 23d ago.

v2.1.0 is the latest version.

Native updates are supported within Sketch.app.