Quadrant Scatter
Split section pairing an inline SVG scatter of accounts, split into four quadrants by median crosshairs, with a labeled list naming each quadrant.
Split section pairing an inline SVG scatter of accounts, split into four quadrants by median crosshairs, with a labeled list naming each quadrant.
Search blocks by description or jump to a page.
The source for every Marketing block is included with Basic and Pro. Pick a plan to copy the code.
Already purchased? Log in
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.
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
After
One strong use is accounts plotted by open rate and click rate. Other pairings:
Tip: label the quadrants inside the chart, a scatter without named corners makes the reader do the sorting you already did.