About this block

Quadrant Scatter plots every account by two metrics and lets the medians do the sorting. An inline SVG scatter carries the points, dashed crosshairs mark the two medians, and the field splits into four quadrants that each describe a different situation. The left column names each quadrant with a mini position glyph and a one line read.

Built as a two column split, an SVG on the right and a divided list on the left, with no chart library involved. The points array holds the coordinates and a lead flag that darkens top decile accounts, so the shading and the dots come from the same data you edit.

When to use

Reach for this block when a single ranking flattens a story that is really two dimensional. Plotting opens against clicks, or reach against depth, turns one leaderboard into four named groups a reader can find themselves in.

A natural flow around it on a Marketing Pro page:

Before

• Distribution curve showing the field on a single axis first

After

• Key findings naming what the quadrants add up to
• Calculators letting readers locate their own point

What you can display

One strong use is accounts plotted by open rate and click rate. Other pairings:

• Reach against depth. Audience size versus engagement, for a content benchmark.
• Speed against quality. Response time versus satisfaction, for a service report.
• Price against value. Cost versus outcome per tool, for a comparison study.

Tip: label the quadrants inside the chart, a scatter without named corners makes the reader do the sorting you already did.