https://github.com/abynim/sketchy-pies

A Sketch plugin to magically convert regular circle layers into pie charts!
https://github.com/abynim/sketchy-pies

Last synced: about 2 months ago
JSON representation

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

• Host: GitHub
• URL: https://github.com/abynim/sketchy-pies
• Owner: abynim
• Created: 2015-06-08T13:00:47.000Z (over 9 years ago)
• Default Branch: master
• Last Pushed: 2019-05-16T06:17:16.000Z (over 5 years ago)
• Last Synced: 2024-05-08T14:32:09.118Z (5 months ago)
• Language: JavaScript
• Size: 10.7 KB
• Stars: 191
• Watchers: 9
• Forks: 16
• Open Issues: 6
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        
# Sketchy Pies

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

## Install the plugin  

[Download](https://github.com/abynim/sketchy-pies/archive/master.zip) 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](http://abynim.com/plugins/sketchypies/draw_circle.jpg?raw=true)

  

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](http://abynim.com/plugins/sketchypies/enter_color_values.jpg?raw=true)

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

![Pie is ready](http://abynim.com/plugins/sketchypies/pie_ready.jpg?raw=true)    

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](http://abynim.com/plugins/sketchypies/enter_color_percent_values.jpg?raw=true) 

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

![Percent Pie is ready](http://abynim.com/plugins/sketchypies/percent_pie_ready.jpg?raw=true)  

---

## Editing pie colors

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

![Enter Color Values](http://abynim.com/plugins/sketchypies/pie_layers.jpg?raw=true)  

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](http://abynim.com/plugins/sketchypies/donut_chart.jpg?raw=true)

### 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](https://twitter.com/getflourish/status/587584046462541826) from [@getflourish](http://twitter.com/getflourish)._

---

Made by Aby Nimbalkar. I'm on [Twitter](http://twitter.com/abynim) if you run into any issues with this, or just want to say hello.