Free Alignment Chart Maker
Drop anything onto a lawful-to-chaotic, good-to-evil grid, then download a clean PNG to post and share. Use the classic 3x3, a 2x2 quadrant, or write your own axis names. Free, no sign-up, and everything stays in your browser.
Build your alignment chart
We started you off with an example, so you can see how it works. Change anything you like, or press Start over for a blank grid.
- Add your itemsStep 1 of 3. type a label, or upload your own pictures
- Place them on the gridStep 2 of 3. drag into a square, or tap an item then tap a square
- Download or shareStep 3 of 3. save a PNG, or turn it into a live poll
Not placed
2Not placed2
100% in your browser. Nothing you type or upload is ever sent to a server.
You placed them. Now find out who disagrees.
A chart is your opinion. Put a poll on your own website and your audience places the same items themselves, so you find out where everybody else lands and keep the argument going on a page you own.
Turn opinions into engagement
An alignment chart starts an argument. These free CommonNinja widgets keep that energy on your own website, where it turns visitors into followers and subscribers.
Poll
Turn your chart into a live vote. Let your audience place the same items and see where they land.
Tier List
Build a drag-and-drop ranking board that lives on your site and stays editable after you publish it.
Social Share Buttons
Let visitors share your chart in one tap. Every share pushes it in front of a new audience.
Instagram Feed
Pull your best posts onto your site so the people who find your chart can follow your feed.
Explore More Free Tools
Other free tools to create shareable content.
Free Tier List Maker
Rank anything into S, A, B, C, D tiers with text or image items and download a PNG.
Use Tool →Free Meme Generator
Add classic top and bottom captions to any image and download a meme PNG.
Use Tool →Free Fake Tweet Generator
Mock up a realistic tweet image for jokes, memes, and mockups. No login needed.
Use Tool →Free Quote Card Maker
Turn any quote into a clean, shareable graphic for your feed and stories in seconds.
Use Tool →How It Works
How to make an alignment chart in three steps
No account, no sign-up, completely free. Everything runs in your browser, so nothing you type or upload is ever sent to a server.
Add your items
Type text labels or upload your own images. Everything lands in the unplaced tray under the grid, ready to be sorted.
Place them on the grid
Drag each item into the square you think it belongs in, or tap an item and then tap a square. Rename the axis labels to whatever fits your topic.
Download and post
Export a high-resolution PNG with no watermark, then post it and let people tell you which placement you got wrong.
Why Alignment Charts Work
Why one grid gets so many replies
An alignment chart is a ranking with a second opinion built into it. That is what makes it harder to scroll past than a plain list.
- Two judgements at once. A list ranks on one thing. A chart forces two calls per item, so there is twice as much to disagree with.
- Everyone already knows the format. Lawful to chaotic, good to evil. No legend needed, no explanation, straight to the argument.
- Disagreement is specific. Nobody says “wrong”. They say “chaotic neutral at best”, which is a comment, a quote post, and a thread.
The format comes from tabletop role-playing games, where a character's alignment described how they behaved. It escaped into the wider internet because the grid turned out to work for absolutely anything: snacks, fonts, coworkers, browser tabs. The joke is that a nine-square moral framework is far too serious a tool for the thing you are applying it to.
For a brand or a creator, that is a low-effort way to show personality and judgement at the same time. Chart the tools in your space, the trends of the year, or the stages of your own process, and you have a post that entertains and signals expertise at once.
Ideas
What can you turn into an alignment chart?
Anything people hold opinions about works. These are the formats that reliably get a reaction.
| Chart this | Why it works | |
|---|---|---|
| Characters from a show or game | The original use, and still the one fans argue about hardest | High engagement |
| Your own team or coworkers | An office in-joke that gets shared internally more than anything else you post | High engagement |
| Foods, snacks, or drinks | Low stakes, universally understood, and everybody disagrees | High engagement |
| Tools, apps, or brands in your niche | Shows judgement and expertise while being funny rather than salesy | Also works |
| Two axes of your own invention | Swap good and evil for anything: effort and impact, price and quality, hype and delivery | Also works |
The Nine Squares
What each alignment actually means
The classic 3x3 is a convention, not a rule, but it is worth knowing what each square says so your placements land the way you intend.
| Square | What it means | Who lands there |
|---|---|---|
| Lawful Good | Follows the rules and means well by them | The dependable one everybody trusts and nobody argues with |
| Neutral Good | Means well, unbothered about the rules either way | Helpful without ceremony |
| Chaotic Good | Means well, ignores the rules to get there | The rule-breaker with a conscience |
| Lawful Neutral | The rules are the point, outcome aside | The process-follower, the referee, the bureaucrat |
| True Neutral | No strong pull in any direction | The middle square, and the one most things honestly belong in |
| Chaotic Neutral | Unpredictable, driven by whim rather than principle | The wildcard nobody can plan around |
| Lawful Evil | Works the rules to its own ends | The villain with a legal department |
| Neutral Evil | Self-serving, no code either way | Out for itself, plain and simple |
| Chaotic Evil | Destructive and unbound by anything | The one nobody defends, which is what makes it funny |
The nine-square lawful-to-chaotic grid comes from tabletop role-playing games, where it described how a character behaved rather than how good they were.
Troubleshooting
Why does my alignment chart fall flat?
Almost every chart that does not land comes down to one of these six, and most are about the axes rather than the tool.
Axes that mean the same thing
If your two axes measure roughly the same quality, everything lands on a diagonal and eight of your nine squares sit empty. Pick two things that genuinely vary independently.
Two real dimensionsEmpty squares
A chart with three items in one corner is not a chart. Aim for at least one item in most squares, even if you have to reach a little for the awkward ones.
Fill most of the gridUnlabeled pictures
A grid of faces makes sense only to you. Either use images your audience recognises instantly, or add a short text label under each one.
Name what you placePlaying it safe
Nobody shares a chart they agree with completely. One placement that makes people say "absolutely not" is what earns the replies.
Put one in wrong on purposeToo many squares
Nine squares is the format for a reason. A 5x5 grid is 25 judgement calls, and readers stop reading long before you finish explaining them.
Three by three worksPosting without a question
An alignment chart is an invitation to argue. Post it flat and you get likes. Post it asking "what did I get wrong" and you get a comment thread.
Ask for the argumentBest Practices
8 tips for charts people actually share
All CommonNinja widgets mentioned below are free to start. Apply these while you build and after you post.
01
Write the axes before the items
Decide what your two dimensions are first. If you place items first you end up bending the labels to fit them, and the chart stops meaning anything.
02
Keep the classic layout when the joke is the point
Lawful to chaotic across, good to evil down. Everybody already knows how to read it, so your placements do the work instead of your explanation.
03
Use your own axes when the insight is the point
Effort and impact. Price and quality. Hype and delivery. The same nine squares turn into a genuinely useful 2x2 the moment you rename them.
04
Pick images people know on sight
Logos, faces, and covers read instantly at thumbnail size. If an item is not obvious from its picture, add a text label so nobody has to guess.
05
Post it, then bring the debate home
Share the chart where your audience already is, then embed your feed on your own site so the people who find it can follow you back to the source.
Add Instagram Feed free →06
Make resharing one tap
A chart earns its reach when passing it on takes no effort. Add share buttons to whatever page it lives on.
Add Share Buttons free →07
Turn the disagreement into a vote
Let people place the contested item themselves with a poll. Comparing your placement to theirs is a second wave of engagement for nothing.
Add a Poll free →08
Keep a house style
Reuse the same theme, axis wording, and title format so your charts read as one recognisable series rather than nine unrelated posts.
Glossary
Alignment chart terms, briefly
Six terms that come up whenever you make one of these. Worth a bookmark if you build them for a brand or a community.
From the Blog
Further reading on engagement
More from the CommonNinja blog. Free, no sign-up, just practical posts on creating content that grows your audience.
Using Incentives to Boost Engagement on Your Website
In this article, we are going to discuss incentives, and learn how to use them to boost engagement on your website.
Read article →How To Increase Website Engagement: A Comprehensive Guide
In this article, we are going to explain what website engagement is & how to increase it.
Read article →Headless CMS: A Paradigm Shift in Content Management
In this article, we are going to discuss what Headless WordPress CMS is.
Read article →How to Use Social Media to Drive Traffic to Your Website
In this article, we are going to discuss how to use social media to drive traffic to your website.
Read article →How to Use Video on Your Website to Boost Engagement
In this article, we are going to explain how to use videos on your website to boost engagement.
Read article →Content Strategy 101: Building a Foundation for Success
In this article, we define content strategy and its role in digital marketing. We outline the key components and steps...
Read article →