• Stars
    star
    191
  • Rank 202,877 (Top 4 %)
  • Language
    JavaScript
  • Created over 9 years ago
  • Updated over 5 years ago

Reviews

There are no reviews yet. Be the first to send feedback to the community and the maintainers!

Repository Details

A Sketch plugin to magically convert regular circle layers into pie charts!

Sketchy Pies

A Sketch plugin to magically convert Circle layers into pie charts!

Install the plugin

Download and extract the contents of this repository. Then double-click the Sketchy Pies.sketchplugin bundle to install the plugin. Remember, this will only work if you have Sketch updated to version 3.3 or above.

Usage

Using the plugin is easy:

Draw and select a Circle on the canvas or in an artboard.
Draw a circle

Run the plugin from the menu Plugins > Sketchy Pies > Convert to Pie Chart.

Enter color values for each slice in the Pie Chart, separated by commas.
Enter Color Values

This will create a Pie Chart with equal slices based on the number of color values you added.
Pie is ready

Optionally, you can also specify percent values along with the relative color values. For example, #FF0000:0.5, #0000FF:50%.
Enter Color and Percent Values

This will create a Pie Chart with variable slices based on the percent values and their associated colors.
Percent Pie is ready


Editing pie colors

Each slice of pie will be a separate layer, in case you need to change the colors later.
Enter Color Values

You can select all the pie layers and adjust the border thickness to make donut charts, if that's what you're after.
Donut Charts

Share

If Sketchy Pies saved you a few minutes of mundane work, do spend a second to Tweet about it or share on Facebook.

This plugin was inspired by this tweet from @getflourish.


Made by Aby Nimbalkar. I'm on Twitter if you run into any issues with this, or just want to say hello.

More Repositories

1

UserFlows

A plugin for generating user walkthroughs from Artboards in Sketch.
JavaScript
1,416
star
2

Sketch-Headers

Headers from Sketch app exported using class-dump
Objective-C
462
star
3

SketchSquares

Replace layers in Sketch with photos from Instagram.
JavaScript
329
star
4

sketch-minimap

Navigate large pages with ease
JavaScript
88
star
5

BaseAlign

A Sketch Plugin to align Text Layers by their baselines
79
star
6

sketch-exportable

Export option presets in Sketch.
JavaScript
75
star
7

Sketch-PluginHelper

A sample project that shows how to connect a Sketch 3 plugin to a binary helper app
JavaScript
73
star
8

lippy

An interactive lorem ipsum generator plugin for Sketch
JavaScript
62
star
9

sketch-toolbar-item

An skpm module for adding custom toolbar items in Sketch.
JavaScript
58
star
10

Xport

A Sketch Plugin to export image assets directly to Xcode
JavaScript
53
star
11

sketch-francisco

JavaScript
43
star
12

sketch-tweaks

JavaScript
27
star
13

sketch-artboard-notes

A minimal plugin to add notes to artboards in Sketch
JavaScript
21
star
14

sketch-selective-upload

Exclude Artboards and Pages when uploading your Document to Sketch Cloud
JavaScript
19
star
15

sketch-notarizing-assistant

A utility plugin for notarizing other plugins that contain frameworks or bundles
JavaScript
13
star
16

sketch-resize-symbol

A Sketch plugin to resize Symbol instances to their original size.
10
star
17

sketch-toolbar-item-demo

JavaScript
5
star
18

sketch-restarter

A demo plugin showing how to restart Sketch programmatically
JavaScript
2
star
19

sketch-headers-exporter

GitHub Action for exporting Sketch Headers
1
star
20

sketch-export-tiff

Export TIFF images with multiple resolutions
JavaScript
1
star