6

How do I make a pie chart in sketch

8 years ago from , Product Managing Human

I'm doing some icon work to teach myself how to work in sketch a little more proficiently (keyboard shortcuts and so on) and can't figure this one out.

Any suggestions?

9 comments

  • Marc EdwardsMarc Edwards, 8 years ago

    Do you need it to be built from live data? Which part are you finding difficult?

    Using an ellipse to mask some paths should get you the shapes you’re after, with the correct antialiasing for the edges.

    Here’s the Sketch file: Mmmm... pie.sketch

    13 points
  • Ronnie NielsenRonnie Nielsen, over 7 years ago

    I discovered that you can actually make a pie chart in PowerPoint and then drag and drop it into sketch. To my surprise it pasted in as a vector, which is awesome.

    1 point
  • Anatasof WiraprajaAnatasof Wirapraja, 8 years ago

    I'm also looking for appropriate way to make pie chart in sketch. Until now, i'm using AI to create a pie chart then copy paste it to sketch's art board to do styling then save it.

    1 point
  • Denis RojcykDenis Rojcyk, 8 years ago

    I think you have to draw it yourself.

    1 point
  • Taron GhazaryanTaron Ghazaryan, 8 years ago

    This is a super hacky solution, but I use an angular gradient on the oval. Photoshop is a little more accurate because you can input the exact position of the gradient, but this should work in sketch as well. Here's a screenshot.

    http://cl.ly/image/021G1S442j0t

    0 points
  • Diego LafuenteDiego Lafuente, 8 years ago

    Another solution would be using Adobe Illustrator and do it there, or Numbers on Mac I believe would let you copy the graph and paste it as an object in Sketch.

    0 points
  • Scott RileyScott Riley, 8 years ago (edited 8 years ago )

    If you just want to make something that looks like a pie chart (i.e. not a 'working' chart linked to real data ala Keynote) then you can just use a circle as a mask and overlay triangles over it. The circle will mask the outer edge of the triangle and it's quite easy to dick around with.

    Quick vid: http://quick.as/3QllT5pV

    Edit: was a little bit late with this one!

    0 points
  • Bob WassermannBob Wassermann, 8 years ago (edited 8 years ago )

    Had the same problem lately. I made one in pages and copy pasted it in Sketch, not sure if you can edit anything, but pages is vector-based (I believe).

    However if someone finds a proper solution, be my guest.

    0 points
  • João FerreiraJoão Ferreira, 8 years ago

    Same problem here :/

    0 points