Plugin to create sparkline graph

v2.0.0 is compatible with Sketch 41.2.0

Sparkliner — easy way to make sparkline graph

A sparkline is a very small line chart, typically drawn without axes or coordinates. It presents the general shape of the variation (typically over time) in some measurement, such as temperature or stock market price, in a simple and highly condensed way.

How it works

Gif more than thousand words


  1. Create an artboard;
  2. Create a start rectangle. It sets sizes of a future sparkline graph;
  3. Start command from menu or press shortcuts ctrl + shift + g;
  4. Find and import your JSON file;
  5. Get sparkline.

How install the plugin

  1. Download the zip file with the Sparkliner.
  2. Copy the contents to the Plugin Folder (Plugin > Manage Plugins... > Show Plugins Folder).

What do you need first

Sparkliner creates graph with JSON data. First your need have it. It looks like that (example.json):

  "dataArray": [10, 30, 3, 8, 39, 25, 22, 89, 74, 7, 2, 40, 61, 17, 35, 31, 8, 14, 39, 32, 53],
  "strokeColor": "#00AAFF",
  "thickness": 1,
  "displayEndPoint": true,
  "endPointColor": "#DD2020",
  "endPointRadius": 2,
  "removeInitialBox": true

Open the file in your favorite editor and change the values of the names how you need (e.g. "strokeColor" is a name. "#00AAFF" is its a value. Together they are a pair). Or create new one.

What are they

"dataArray" Data is an array. It defines a graph curve. Only numbers.

"strokeColor" Color of sparkline. You need to write HEX color here. Don't forget about "quotes".

"thickness" Thickness of line. Only one number.

"displayEndPoint" If it equals true sparkline is made with an end marker. If it equals false - it is not.

"endPointColor" Color of end marker. It needs a HEX.

"endPointRadius" Radius of end marker. Only one number.

"removeInitialBox" It is start rectangle that set sizes of sparkline graph. By default plugin removes it. If you need it you can set false.


Linkedin | Dribbble | Facebook

Join the discussion

Download v2.0.0
Usage Activity

Avg. user activity in the last 30 days

  • 184 downloads all–time
  • 0 downloads this week
  • 2 downloads this month
About this plugin

Volorf published this plugin 4y ago.

v2.0.0 is the latest version.

Native updates are supported within