How do I create a pie chart?

Hello everyone I use Penpot to create presentations. I want to present this product to my colleagues, but I have difficulties creating pie charts. That’s the only thing stopping me.

After watching the video on creating a pie chart in penpot on youtube, I realized that no one but me would bother so much to create a simple pie chart.

Tell me, maybe there are options for creating pie charts with the least effort?
image

1 Like

Pie charts can be a bit tricky in Penpot because you have to do the calculations for value = angle yourself. It’s not as simple as apps designed for presenting data where you just enter in the data and then the app does the work.

But it’s totally doable! I recently made a sales dashboard UI example that uses pie charts and has a few pie chart components (see below). You can download the template directly from this link or find it in the Libraries & Templates collection.

3 Likes

It would be enough for me to indicate the values “by eye” - it is unlikely that anyone would want to measure the exact proportions)

Or it would be good to outline the values on top of a screenshot of a finished chart from excel or other programs. But yes, now us probably have to look for a third-party pie chart service.

Thanks anyway! We are waiting for the upcoming Penpot improvements)

1 Like

I also went the other way - I set the separators on top of the drawing myself and chose “exclude”. But after that, I can’t separate the received items from each other. They become a mask.
After converting to a frame, I remove unnecessary elements, but artifacts still remain.

Maybe there is a way to remove them somehow?

If you use a tool that can export to SVG, that plays really nicely with Penpot too.

3 Likes

I’ve not found a workaround for this yet either. Though I’m trying to work out what feature I want that would make this easier!

Hi!
It’s been a while but it might be useful to know that there’s now a great plugin that lets you create pie charts in a snap by parametrically inserting values!

I hope this helps!

1 Like

That’s fantastic! Thank you for sharing :slight_smile:

1 Like