How do I make a waffle chart online?

Choose single percentage and set a value, or choose multiple categories and add values that fill the same grid. Pick squares or dots and a color, and the waffle updates live. Then download a PNG or SVG. There's no signup.

Can I use dots instead of squares?

Yes. Switch the shape to dots for an icon-array look, the 'X out of 100' style that works well for people-based stats and adoption graphics. Squares give the classic waffle block.

Can I download the waffle chart as PNG or SVG?

Yes, both are free with no watermark. SVG gives you a crisp vector file you can scale or edit; PNG is a high-resolution raster ready for a slide, report, or social post.

Can I generate waffle charts automatically via an API?

Yes. Save your chart as an Imejis template, mark the waffle component dynamic, and POST a fresh value or category data to one endpoint to render the same chart on every call.

Is the waffle chart maker free?

Yes, it's completely free in the browser with no signup and no watermark, and PNG and SVG downloads are unlimited. The matching image API has a permanent free tier of 100 calls per month.

Free Waffle Chart Maker

Show a percentage or a category split as a grid of squares or dots, far more legible than a pie chart. Download a crisp PNG or SVG, no signup, no watermark.

Type

Value: 68%

Shape

Color

Background

What is a waffle chart?

A waffle chart shows part-to-whole data as a grid of cells, where the number of filled cells equals the proportion. It's often clearer than a pie chart because you can read a percentage at a glance, even at social-post sizes, and dots turn it into an icon-array 'X out of 100' visual.

How to make a waffle chart

1Choose the type. Pick single percentage for one value like 68%, or multiple categories to split the same grid across a few values.
2Enter your data. Drag the slider for a single percentage, or add label and value rows for a multi-category split.
3Pick a shape and color. Choose squares for the classic waffle or dots for an icon array, then a color and a light or dark background.
4Download PNG or SVG. Click download for a high-resolution PNG or a crisp, scalable SVG. No watermark and no signup.
5Automate with the API (optional). Save it as an Imejis template and generate the same chart from a live value on every API call.

What is a waffle chart used for?

Adoption, completion, and usage rates
Survey results and poll splits
"9 in 10 customers" style social graphics
Category share for a small number of groups
Any single percentage you want to read instantly

How this chart maker compares

Feature	This tool	Chart-image APIs	Design makers
No-code visual editor	Yes	No, write JSON/URL config	Yes
Chord + 23 other chart types	Yes	Limited / plugins	Some types only
PNG and SVG export	Yes, free	Varies, often watermarked free	Often account-gated
No signup, no watermark	Yes	API key required	Account required
Matching image API	Yes	API only, no editor	No

Bottom line: config-driven chart APIs make you hand-write JSON and live with dated defaults, and design makers gate exports behind an account. This tool gives you a live editor, beautiful output, free PNG and SVG, and the same chart on tap via API.

Generate waffle charts automatically via API

Save your design as a template, mark the waffle component dynamic, and render the same chart with a fresh value on every API call.

See the waffle component and API