mailinapp
Documentation menu

Netzdiagramm-Block

Ein Mehrachsen-Vergleich — bis zu 3 Reihen, dargestellt über eine Reihe gemeinsamer Achsen, gezeichnet als überlappendes Polygon (oder „Netz“) statt als Balken oder Linie. Es ist die Form, um Kategorien über mehrere Dimensionen gleichzeitig zu vergleichen: ein Produkt bewertet nach Preis, Qualität, Geschwindigkeit und Support, oder eine Preisstufe gegen eine andere anhand derselben Kriterien gestellt.

Wie es funktioniert

Jede erfasste Zeile ist eine Achse. Ihre Position auf dem Kreis ergibt sich ausschließlich aus der Erfassungsreihenfolge (Winkel gleich Zeilenindex geteilt durch Zeilenanzahl), nie nach Wert neu angeordnet oder sortiert. Bis zu 3 Reihen tragen ihren eigenen Wert auf jeder Achse ein und teilen sich eine 0..Max-Skala: dasselbe Modell „eine gemeinsame Wertachse“, das Balken- und Liniendiagramme bereits verwenden, nur radial statt entlang einer geraden Linie angeordnet. Deshalb verwendet eine Netzdiagramm-Zeilenliste exakt dieselben Erfassungsspalten wie Balken/Linie — eine Netzdiagramm-Achse ist datenmodell-identisch mit einer Balkendiagramm-Kategorie.

Ein Polygon braucht mindestens 3 Eckpunkte, um eine sinnvolle Form zu ergeben — 2 Punkte zeichnen eine Linie, 1 Punkt zeichnet nichts —, daher ist das Netzdiagramm das einzige Diagramm dieser Familie mit sowohl einer Unter- als auch einer Obergrenze. Weniger als 3 erfasste Achsen (einschließlich null) rendert denselben „mehr Daten hinzufügen“-Platzhalter, den ein leeres Diagramm anderswo in der Familie erhält. Am anderen Ende ist das Netzdiagramm auf 8 Achsen begrenzt; darüber hinaus drängen sich die Speichen zusammen und Achsenbeschriftungen beginnen sich zu überlappen — dieselbe „zu viele Markierungen“-Obergrenze, die jeder andere Diagrammtyp dieser Familie bei 8 Kategorien/Segmenten/Reihen durchsetzt.

Die stets sichtbare Datentabelle unter dem Bild listet jede Achse als Zeile auf, mit einer Spalte pro aktiver Reihe — dieselbe Kategorie-×-Reihe-Form, die die Tabellen von Balken- und Liniendiagrammen bereits verwenden. Eine Legende erscheint erst, sobald 2 oder mehr Reihen im Spiel sind; die Identität einer einzelnen Reihe wird bereits durch den eigenen Titel des Blocks benannt — dieselbe Konvention, der Balken-/Liniendiagramme folgen.

Die Identität einer Reihe ergibt sich daraus, ob Sie ihr einen Namen gegeben haben. Reihe 1 wird immer gerendert und greift, wenn unbenannt gelassen, auf den eigenen Titel des Blocks zurück, während Reihe 2 und 3 erst erscheinen, sobald Sie einen Namen in ihr Beschriftungsfeld eintippen. Eine halb gefüllte Wertespalte ohne Reihenname taucht nie als unbeschriftete Geister-Reihe auf.

Konfigurierbare Felder:

  • Diagrammtitel — optionaler Überschriftentext über dem Diagramm.
  • Daten (mindestens 3 Zeilen) — die Zeilenliste: eine Achsen-Kategorie-Beschriftung plus bis zu 3 numerische Reihenwerte pro Zeile.
  • Reihe 1/2/3 Name und Reihe 1/2/3 Farbe — Reihe 1 wird bedingungslos gerendert; Reihe 2 und 3 werden erst gerendert, sobald sie benannt sind.
  • Hintergrundfarbe, Innenabstand, Rahmen und Eckenradius der Karte.
  • Titelfarbe/-größe und Legendenfarbe/-größe — Textgestaltung für die Überschrift und den Legenden-/Tabellentext unter dem Bild.

Beispiele

Zwei Produktstufen anhand gemeinsamer Kriterien zu vergleichen — Preis, Funktionstiefe, Support-Reaktionsfähigkeit, Einrichtungsfreundlichkeit — als zwei überlappende Reihen in einem Netzdiagramm gibt einer Vertriebs- oder Marketing-E-Mail ein einziges Visual statt einer Funktionsvergleichstabelle. Eine interne Ops-Zusammenfassung kann mehrere Anbieter oder Auftragnehmer anhand derselben Kriterien bewerten (Kosten, Qualität, Zuverlässigkeit, Kommunikation), um eine Verlängerungsentscheidung auf einen Blick zu begründen. Ein Produktteam, das eine Kundenumfrage mit mehreren bewerteten Dimensionen durchführt (Benutzerfreundlichkeit, Wert, Support, Zuverlässigkeit, Design), kann den Durchschnittswert pro Dimension als eine Reihe darstellen, mit den Werten des Vorquartals als zweiter Reihe, um die Entwicklung zu zeigen.

So sieht der statische Fallback aus

<div style="margin:12px 0;background-color:#ffffff;padding:16px">
  <p style="margin:0 0 8px;font-weight:600;font-size:15px;color:#111827">Vendor scorecard</p>
  <img src="https://mailinapp.com/api/analytics/chart?d=eyJ0eXBlIjoi...&s=3f9a2b1c..." width="360" height="360"
       alt="Radar chart: Speed (Vendor A 8); Reliability (Vendor A 6); Design (Vendor A 9); Price (Vendor A 5); Support (Vendor A 7)" />
  <table style="width:100%;border-collapse:collapse;margin-top:4px">
    <tr>
      <th style="text-align:left;padding:4px 8px;font-weight:600">Category</th>
      <th style="text-align:left;padding:4px 8px;font-weight:600">Vendor A</th>
    </tr>
    <tr>
      <td style="padding:4px 8px">Speed</td>
      <td style="padding:4px 8px">8</td>
    </tr>
  </table>
</div>

Bei nur einer benannten Reihe entfällt die Legende (der Titel benennt sie bereits), aber die Datentabelle listet weiterhin jede Achse und jeden Wert auf.

Siehe auch