Skip to content

New: Chartory 1.0. 100 charts free in React, MIT licensed

Read the changelog

Charts / Questions

The best chart for a relationship

Seventeen charts, and when each one fits.

Short answer

To see how two measures relate, use a scatter plot. To turn it into decisions, split it into a quadrant. For how every pair of measures moves together, use a correlation triangle. For links between items, use a network; for three trade-offs, a ternary.

Updated Nov 2, 2026 · E-commerce sample data

Spend and revenue by campaign, Q3 2026Twelve campaigns, spend against revenue (correlation 0.77); Partner · co-op returns the most per dollar: $184K on $40K.$200K$150K$100K$50K0$10K$20K$30K$40K
Spend and revenue by campaign, Q3 2026
CampaignSpendRevenue
Search · brand$34K$139.4K
Search · generic$40K$164K
Social · video$40K$112K
Social · carousel$34K$74.8K
Email · weekly$8K$25.6K
Email · win-back$46K$156.4K
Display · retarget$12K$16.8K
Display · prospect$46K$59.8K
Affiliate · deals$34K$108.8K
Affiliate · reviews$18K$61.2K
Podcast$12K$33.6K
Partner · co-op$40K$184K

034 · ScatterSpend against revenue: Partner · co-op returns the most per dollar.

Campaigns by growth and margin, Q3 2026Twelve campaigns in four zones split at 0% growth and 30% margin: grow 6, protect 2, fix margin 3, review 1.60%40%20%0PROTECTGROWREVIEWFIX MARGIN−20%0+20%+40%GROWPROTECTFIX MARGINREVIEW
Campaigns by growth and margin, Q3 2026
CampaignGrowthMarginZone
Search · brand28%47%Grow
Search · generic−2%31%Protect
Social · video−6%26%Review
Social · carousel35%22%Fix margin
Email · weekly28%42%Grow
Email · win-back35%18%Fix margin
Display · retarget4%31%Grow
Display · prospect14%47%Grow
Affiliate · deals35%31%Grow
Affiliate · reviews−12%47%Protect
Podcast21%35%Grow
Partner · co-op9%22%Fix margin

072 · QuadrantThe same campaigns by growth and margin, in four zones.

How the campaign measures move togetherCorrelation of every pair of spend, revenue, margin and growth: spend and revenue 0.77, spend and margin −0.36, spend and growth 0.08, revenue and margin −0.44, revenue and growth 0.01, margin and growth −0.19.SPENDREVENUEMARGINGROWTHTightest0.77Loosest0.01MOVE TOGETHERMOVE APART
How the campaign measures move together
PairCorrelation
Spend · revenue0.77
Spend · margin−0.36
Spend · growth0.08
Revenue · margin−0.44
Revenue · growth0.01
Margin · growth−0.19

085 · Correlation triangleEvery pair of measures at once: spend and revenue move together (0.77).

Same 12 campaigns

The scatter shows that more spend brings more revenue (correlation 0.77). The quadrant says what to do with each campaign, and the triangle shows which measures move together and which do not (margin and growth: -0.19).

If you ask

All seventeen

TypeUse it whenData shape
027 · Cells matrixClusters across two sets of categoriesA cluster colour and dense or sparse per cell
034 · ScatterTwo measures per item, as dotsTwo values, a size, a group and a name per item
039 · NetworkOne hub and what it connects toA hub and its nodes, each with a value
040 · TreeA release, its epics and their tasksNodes with a parent and a status
041 · OrbitTiers around a centre, with how active each isTiers with a count and a rate
049 · Parallel coordinatesMany items across many measuresSeveral measures per item
064 · Arc diagramFlows between groups, as arcs on one lineAmounts between pairs of groups
072 · QuadrantItems in four zones that tell you what to doTwo values per item, two thresholds
085 · Correlation triangleHow every pair moves togetherA correlation per pair
091 · Cluster mapSimilar items grouped into named clustersA centre, a spread and a count per cluster
095 · TernaryItems placed by three measures that trade offThree scores per item
109 · Frontier mapModels on quality against cost, with the best edgeQuality, cost and spend per model
112 · Threshold sweepAlerts per week at every thresholdAlerts per threshold
118 · Coverage mapReal traffic, and which parts the tests coverA traffic share and a case count per cluster
121 · Reach treeEverything one key can reachA root, systems and access per link
127 · Permission matrixRoles against actions, used and unusedA grant state per role and action
129 · Break-evenWhen the next plan becomes cheaperCost per plan across usage

Common mistakes

Reading a link as a cause

Two measures can move together for a third reason.

Overlapping dots

Hundreds of dots hide each other. Use see-through dots or a hex grid.

Thresholds pulled from the air

Quadrant lines should be targets people agreed on.

Get all seventeen

Every relationship chart, and the other 115 types.

In Figma and React, in four sizes, light and dark. Pay once, every update.

See the seventeen in Charts

See plans

Questions

What does a correlation of 0.9 mean?

The two measures rise and fall together almost every time. Near 0 means no link; below 0, they move apart.

Scatter or quadrant?

A scatter to see the link, a quadrant to act on it.

How many items fit on a scatter?

Dozens with labels, hundreds without.

Do these charts come in every size?

Yes. All of them come in XS, S, M and L, each laid out again for its size, in light and dark.

Not sure it is a relationship? Start from what the chart has to show.

Open the Chart Chooser