Streu-/Blasendiagramm-Block
X/Y-Punkte zur Darstellung der Beziehung zwischen zwei numerischen Kennzahlen — mit einer optionalen dritten Dimension (Markierungsgröße) für eine Blasendiagramm-Variante.
Wie es funktioniert
Das Diagramm wird als einzelnes, serverseitig erzeugtes PNG gerendert (keine clientseitige Diagramm-Bibliothek, kein JavaScript) mit einer stets sichtbaren HTML-Datentabelle darunter, die jeden Punkt auflistet, den das Bild darstellt. Anders als die auf gemeinsamen Kategorien basierende Tabelle des Balken-/Liniendiagramms oder die Prozent-vom-Gesamt-Tabelle des Kreisdiagramms hat ein Streudiagramm eine eigene Fallback-Form. Weder eine Kategorieachse noch ein Anteil an einem Ganzen passt auf eine Menge unabhängiger Punkte, daher ist die Tabelle schlicht eine Zeile pro Punkt: Reihe, X, Y und (nur im Blasenmodus) Größe. Eine Legende darüber, nach Reihe gegliedert, zeigt das Symbol und die Punktanzahl jeder Reihe, da „wie viele Punkte“ die eine zusammenfassende Zahl ist, die eine Reihe naturgemäß hat.
Zeilen werden mit einem optionalen Reihe-Namen, einem X-Wert, einem Y-Wert und einem optionalen Größe-Wert (nur im Blasenmodus relevant) erfasst. Die Reihen-Identität ergibt sich vollständig aus dem, was Sie in die Spalte Reihe eintippen — Zeilen mit demselben Reihennamen werden gruppiert und in der Reihenfolge ihres ersten Auftretens gemeinsam eingefärbt. Lassen Sie Reihe in jeder Zeile leer, teilen sich alle Punkte eine implizite Reihe, benannt nach dem Titel des Blocks selbst (oder „Reihe 1“, wenn der Block keinen Titel hat). Tippen Sie stattdessen unterschiedliche Reihennamen ein, erzeugt dieselbe Zeilenliste ein tatsächlich mehrfarbiges Streudiagramm, ohne dass es irgendwo eine separate Einstellung für die „Anzahl der Reihen“ gibt — die Zeilendaten selbst sind die einzige verlässliche Quelle dafür, wie viele Reihen existieren. Eine Zeile, der entweder X oder Y fehlt, wird übersprungen statt bei (0, 0) dargestellt, da eine leere Zelle nicht dasselbe ist wie eine erfasste Null.
Der Schalter Blasendiagramm schaltet die Größe-Spalte ein: Der Markierungsradius jedes Punkts skaliert mit seinem Größe-Wert, statt ein fester Punkt zu sein. Das Ausschalten des Blasenmodus löscht nichts, was in die Größe-Spalte eingetippt wurde — es wird nur ignoriert, bis der Schalter wieder eingeschaltet ist. Die Größe-Spalte der Datentabelle erscheint überhaupt nur, während der Blasenmodus aktiv ist, sodass die Tabelle eines einfachen Streudiagramms nie eine leere Spalte zeigt.
Das Diagramm ist auf insgesamt 120 Punkte über alle Reihen zusammen sowie auf 8 Reihen begrenzt, passend zur Länge der kategorialen Farbpalette selbst. Eine erfasste Zeile über der Punktgrenze hinaus wird verworfen, in der Reihenfolge der Erfassung — ein Streudiagramm hat keinen natürlichen „Sonstige“-Bucket, in den es einen Überlauf zusammenfassen könnte, wie es ein Kreisdiagramm tut.
Dieser Block funktioniert ausschließlich mit selbst erfassten Zeilen — er hat weder einen Datenquellen-Bindungsmodus noch einen Kampagnen-Antwortergebnisse-Bindungsmodus. Welche vier Diagrammtypen die Bindung unterstützen, erfahren Sie unter Diagramme an echte Daten binden.
Konfigurierbare Felder:
- Diagrammtitel — wird über dem Bild angezeigt.
- Schalter Blasendiagramm (Größe-Spalte steuert die Markierungsgröße).
- Daten — die Zeilenliste (Reihe + X + Y + Größe).
- Hintergrundfarbe, Innenabstand, Rahmen, Eckenradius der Karte.
- Unabhängige Farb-/Schriftgrößen-Paare für den Titel und den Legenden-/Tabellentext.
Beispiele
Subject
Signups vs. activation, by plan
Ein wöchentlicher Betriebs-Digest könnte Reaktionszeit (X) gegen Ticketvolumen (Y) pro Support-Mitarbeiter darstellen, ein Punkt pro Mitarbeiter ohne Reihen-Gruppierung — ein schneller visueller Eindruck davon, wer mehr Volumen bewältigt, ohne langsamer zu werden. Ein Bericht zur Produktnutzung könnte Punkte in 2-3 Reihen nach Plan-Stufe gruppieren (Free/Pro/Business), jede in einer anderen Farbe, und Engagement-Score gegen Kontoalter darstellen, um zu sehen, ob sich die Beziehung je nach Stufe unterscheidet. Ein Verkaufsbericht kann die Blasen-Variante verwenden, um Dealgröße (X) gegen Tage-bis-Abschluss (Y) darzustellen, mit der Größe-Spalte gesetzt auf die Anzahl der beteiligten Stakeholder. Das sind drei numerische Dimensionen in einem Diagramm ohne eine vierte Achse, die diese Blockfamilie nie hinzufügt.
So sieht der statische Fallback aus
<div style="margin:12px 0;padding:16px;background-color:#ffffff;border-radius:8px">
<p style="margin:0 0 8px;font-weight:600;font-size:15px;color:#111827">Response time vs. ticket volume</p>
<img src="https://mailinapp.com/api/analytics/chart?d=eyJ0eXBlIjoi...&s=3f9a2b1c..." width="560" height="320"
alt="Scatter chart: Agent A (1 point), Agent B (1 point), Agent C (1 point)"
style="display:block;max-width:100%;height:auto;margin:8px 0" />
<table style="width:100%;border-collapse:collapse;margin-top:4px">
<tr>
<th style="text-align:left;padding:4px 8px;font-weight:600;font-size:12px;color:#6b7280">Series</th>
<th style="text-align:left;padding:4px 8px;font-weight:600;font-size:12px;color:#6b7280">X</th>
<th style="text-align:left;padding:4px 8px;font-weight:600;font-size:12px;color:#6b7280">Y</th>
</tr>
<tr>
<td style="text-align:left;padding:4px 8px;font-size:12px;color:#6b7280">Agent A</td>
<td style="text-align:left;padding:4px 8px;font-size:12px;color:#6b7280">4.2</td>
<td style="text-align:left;padding:4px 8px;font-size:12px;color:#6b7280">38</td>
</tr>
</table>
</div>
Die Tabelle eines einfachen (nicht Blasen-)Streudiagramms hat überhaupt keine Größe-Spalte; sie erscheint erst, sobald der Schalter Blasendiagramm eingeschaltet ist.