Git Product home page Git Product logo

sketchy-pies's Introduction

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.

sketchy-pies's People

Contributors

abynim avatar peterkracik avatar

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    ๐Ÿ–– Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. ๐Ÿ“Š๐Ÿ“ˆ๐ŸŽ‰

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google โค๏ธ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.