Quadrant Chart Generator — plot priorities from plain text
Make a quadrant chart online by typing plain text. Name the axes, label the four quadrants, drop each item at an x/y position — the chart renders live with a presentation-ready layout. Free, no signup, exports to SVG and PNG.
This is a quick preview. The full editor adds AI generate, save & share links, every theme, and watermark-free HD export.
Open full editor →What is a quadrant chart?
A quadrant chart plots items on two axes divided into four labelled regions, so position tells the story: effort vs impact for prioritisation, urgency vs importance for time management, market growth vs share for portfolio analysis. Each quadrant carries a verdict — quick wins, money pits — and every item's placement argues for a decision.
Common use cases
Effort vs impact is the classic product exercise — plot the backlog and the quick wins and money pits name themselves.
Likelihood vs severity for risks, urgency vs importance for tasks — any two-factor judgement reads faster as a quadrant.
Position competitors on price vs capability (or growth vs share) to show where the gap in the market actually is.
Syntax quick reference
The essentials to get productive — paste any of these into the editor above and adapt. For the full grammar, see the quadrant chart syntax reference.
| Syntax | What it does |
|---|---|
quadrantChart | Start a quadrant chart. |
x-axis Low effort --> High effort | Label the horizontal axis ends. |
y-axis Low impact --> High impact | Label the vertical axis ends. |
quadrant-1 Plan carefully | Label a region (1 = top-right, then counter-clockwise). |
Dark mode: [0.3, 0.75] | Plot an item at x, y — both between 0 and 1. |
Export options
Vector output with fonts inlined — crisp at any zoom, right for docs, READMEs, and the web.
Raster with optional transparent background and up to 4× scale — right for slides and tickets.
One click publishes a share page with the beautified diagram — no file juggling for reviews.
Frequently asked questions
How do I make a quadrant chart online for free?
Type it as text in the editor above: label the two axes, name the four quadrants, then add one line per item with its [x, y] position. The chart renders live and exports to SVG or PNG without signup.
Which quadrant is which number?
quadrant-1 is top-right, quadrant-2 top-left, quadrant-3 bottom-left, quadrant-4 bottom-right. With effort on x and impact on y, that makes quadrant-2 (low effort, high impact) your quick wins.
How do I position items on the chart?
Each item takes an [x, y] pair between 0 and 1 — [0, 0] is bottom-left, [1, 1] top-right. The preloaded example plots five features; nudge the numbers and watch the items move.
What is the difference between a quadrant chart and a scatter plot?
A scatter plot shows measured data points on continuous scales; a quadrant chart is a judgement tool — positions are placed by hand and the four labelled regions carry the conclusion. If your point is "here is the data", scatter; if it is "here is what we should do", quadrant.
Can I generate the chart from AI output?
Yes. Ask any AI assistant for "a Mermaid quadrantChart of …", paste the code here, and it renders with a beautified layout. A command-line tool and editor plugins let agents and scripts export charts directly.
Is this quadrant chart maker really free?
Yes. Anonymous use covers live preview, beautify, and SVG/PNG export with a small watermark; a free account removes the watermark. Per-month export quotas are listed on the pricing page.
Ready to make your own?
Open the full editor to save your work, switch themes, and export clean SVG or PNG. No signup.