Two measures on the horizontal and vertical axes, one point per item, to show relation and spread. Only the three largest groups are colored, and axis names sit on the axes.
A card that plots two measures per item as one point, colored by group. Use it to see whether two values move together, like sales activity and results, and whether that differs by group.
Judgment built in (3)
With groups (group), only the three groups with the most points are colored orange, pink-red and blue; the rest are gray, and a dot legend is shown. A 2px white outline keeps overlapping points apart.
Names are written only on the points worth talking about, like the largest or a clear outlier, with "label": true. Named on every point, they cannot be read.
When all values are zero or more, the axes do not go below zero, and the range gets 8% of room above and below.
Scatter - Quadrant
scatter-quadrant
A card that splits the points into four areas with reference lines at the average and at zero. Use it to classify items by two criteria, like size and growth rate.
Judgment built in (4)
The horizontal reference is the average and the vertical reference is zero. For other references, write ref as { "x": value, "y": value }.
Quadrant names (quadrants) are written in the order top left, top right, bottom left, bottom right, and sit lightly in the four corners.
Names are written only on two or three points worth talking about, like the largest or those far from the references, with "label": true. Without names, finding the problem point means opening tooltips one by one; named on every point, they cannot be read.
Quadrants are not filled, and point colors follow the group (group). The tooltip gives the signed growth rate, the group and the quadrant.
Scatter - Connected
scatter-connected
A card that joins the points plotted per period in time order. Use it to see which way two metrics moved together, like visitors and conversion rate.
Points are joined in the order written in points. With groups (group, e.g. years), the most recent group is orange, then pink-red and blue, and each segment takes the color of its destination point. The last point is drawn larger to show the direction of the course.
Period names are written only on the first and last points; the other periods are read in the tooltip and with the arrow keys.
Keep to about thirteen periods. Longer, the line tangles and the direction cannot be read, so group the periods or split into two line charts.
