> ## Documentation Index
> Fetch the complete documentation index at: https://mooncamp.com/docs/llms.txt
> Use this file to discover all available pages before exploring further.

# Custom Charts

> Erstelle benutzerdefinierte Diagramme, um deine Ziele, Check-ins und Ziel-Updates auf Dashboards zu visualisieren.

<Info>
  Custom Charts sind für Kunden im `Pro` und `Enterprise` Plan verfügbar.
</Info>

## Custom Charts erklärt

Mit Custom Charts kannst du vollständig konfigurierbare Visualisierungen deiner Mooncamp-Daten erstellen und zu jedem [Dashboard](/de/dashboards) hinzufügen. Du kannst aus mehreren Diagrammtypen, Datenquellen, Gruppierungsoptionen und Filtern wählen, um genau die Ansicht zu erstellen, die du brauchst, egal ob du den Zielfortschritt im Zeitverlauf verfolgen, Teams vergleichen oder Check-in-Aktivitäten zusammenfassen möchtest.

## Ein Diagramm zu einem Dashboard hinzufügen

<Steps>
  <Step title="Öffne ein Dashboard">
    Öffne ein bestehendes Dashboard oder erstelle ein neues über `Tools > Dashboards`.
  </Step>

  <Step title="Füge Inhalt zu einer Zeile hinzu">
    Klicke auf den `+` Button an der Seite oder am unteren Rand des Dashboards, um Inhalt zu einer Zeile hinzuzufügen.
  </Step>

  <Step title="Wähle einen Diagrammtyp aus">
    Wähle **Chart** im Menü aus und anschließend **Benutzerdefiniertes Chart**, um mit einem leeren Diagramm zu starten. Alternativ kannst du eine der vorkonfigurierten Vorlagen auswählen: **Zielfortschritt**, **Statusverteilung**, **Status-Score** oder **Ziele nach Status**.
  </Step>
</Steps>

<Frame>
  <img src="https://mintcdn.com/mooncamp/uKrqwgqnPaS5Yx5s/images/custom-charts-add-content.webp?fit=max&auto=format&n=uKrqwgqnPaS5Yx5s&q=85&s=e0aeb7f118ab486cefa2fad4d94a0b7b" width="1940" height="1318" data-path="images/custom-charts-add-content.webp" />
</Frame>

<Info>
  Die vorkonfigurierten Vorlagen sind benutzerdefinierte Charts mit vordefinierten Einstellungen. Du kannst sie weiter anpassen, nachdem du sie zu deinem Dashboard hinzugefügt hast.
</Info>

## Diagrammtypen

Du kannst jederzeit über die Symbole in der Konfigurations-Seitenleiste zwischen den Diagrammtypen wechseln.

<CardGroup cols={3}>
  <Card title="Säulendiagramm" icon="chart-column">
    Vertikale Balken, um Werte über Kategorien oder Zeiträume hinweg zu vergleichen.
  </Card>

  <Card title="Balkendiagramm" icon="chart-bar">
    Horizontale Balken, besonders nützlich bei langen Kategoriebezeichnungen.
  </Card>

  <Card title="Liniendiagramm" icon="chart-line">
    Eine durchgehende Linie, die Datenpunkte verbindet und ideal ist, um Trends zu erkennen.
  </Card>

  <Card title="Donut-Diagramm" icon="chart-pie">
    Ein Ringdiagramm, das Teil-Ganzes-Beziehungen zeigt und die Gesamtsumme in der Mitte darstellt.
  </Card>

  <Card title="Zahlendiagramm" icon="hashtag">
    Ein einzelner großer Kennzahlenwert, z.B. "25 Ziele", nützlich für zentrale KPIs.
  </Card>

  <Card title="Tabelle" icon="table">
    Eine tabellarische Ansicht der zugrunde liegenden Daten.
  </Card>
</CardGroup>

## Ein Diagramm konfigurieren

Wenn du ein Custom Chart hinzufügst oder bearbeitest, erscheint rechts eine Konfigurations-Seitenleiste. Oben in der Seitenleiste wählst du zwischen zwei Modi: **Snapshot** und **Time Series**.

<Frame>
  <img src="https://mintcdn.com/mooncamp/uKrqwgqnPaS5Yx5s/images/custom-charts-editor.webp?fit=max&auto=format&n=uKrqwgqnPaS5Yx5s&q=85&s=c208efa77c6e4d11bf97f711455aaadf" width="2510" height="1608" data-path="images/custom-charts-editor.webp" />
</Frame>

### Snapshot vs. Time Series

* **Snapshot** aggregiert deine Daten zu einem einzelnen Zeitpunkt. Dies ist der Standardmodus, unterstützt alle drei Datenquellen (Ziele, Check-ins, Ziel-Updates) und bietet die meisten Konfigurationsoptionen.
* **Time Series** verfolgt, wie sich deine Daten über einen zusammenhängenden Zeitraum verändern. Dieser Modus ist nur mit **Zielen** als Datenquelle verfügbar und erfordert, dass mindestens ein Zyklus ausgewählt ist.

Wähle zuerst den Modus aus, da er bestimmt, welche Datenquellen, Diagrammtypen und Achsenoptionen verfügbar sind.

### Dateneinstellungen

Diese Einstellungen erscheinen in beiden Modi oben in der Seitenleiste:

* **Source**: Wähle aus, welche Daten visualisiert werden sollen:
  * **Goals**: Deine Ziele und OKRs. Dies ist die umfangreichste Datenquelle und die einzige, die den Time-Series-Modus unterstützt.
  * **Check-ins**: Check-in-Daten. Verfügbare Gruppierungen sind unter anderem Titel, Erstellungsdatum und Ersteller.
  * **Goal updates**: Aktivitäten aus Ziel-Updates. Verfügbare Gruppierungen sind unter anderem Erstellungsdatum.

* **Filter**: Grenze die Daten mithilfe von Filterbedingungen ein. Klicke auf **Filter**, um Bedingungen basierend auf Eigenschaften wie Team, Datum, Typ, Owner, Erstellungsdatum, letzte Aktualisierung, Fortschritt oder Status hinzuzufügen. Du kannst mehrere Filter mit UND/ODER-Logik kombinieren.

* **Cycle**: Wähle aus, welche Zielzyklen im Diagramm berücksichtigt werden sollen. Du könntest zum Beispiel das aktuelle Jahr und die zugehörigen Quartale auswählen.

## Snapshot-Modus

### X-Achse

**What to show** bestimmt, wie deine Daten entlang der X-Achse gruppiert werden. Die verfügbaren Optionen hängen von deiner Datenquelle ab. Für Ziele gehören dazu:

* **Erstellungsdatum** / **Änderungsdatum**: Gruppierung danach, wann Ziele erstellt oder zuletzt geändert wurden. Über Unteroptionen kannst du die zeitliche Granularität auswählen: Tag, Woche, Monat, Quartal oder Jahr.
* **Fortschritt**: Gruppierung nach Zielfortschrittswerten. Du kannst zwischen **eindeutigen Werten** (eine Kategorie pro eindeutigem Wert) oder **Buckets** (Werte in Bereiche gruppieren) wählen.
* **Zyklus**: Gruppierung nach Zielzyklus, z.B. 2024 oder Q1 2025.
* **Team**: Gruppierung nach dem zugewiesenen Team.
* **Owner**: Gruppierung nach Zielverantwortlichem.
* **Status**: Gruppierung nach aktuellem Zielstatus.
* **Typ**, **Datum**, **Text**: Gruppierung nach anderen Zieleigenschaften.

**Exclude null values**: Aktiviere diese Option, um Elemente auszublenden, die für die ausgewählte Gruppierung keinen Wert haben, z.B. Ziele ohne zugewiesenen Owner.

#### Buckets

Wenn du nach einer numerischen Eigenschaft wie Fortschritt gruppierst, kannst du **Buckets** auswählen, um Wertebereiche zu erstellen, statt jeden eindeutigen Wert einzeln anzuzeigen. Zu den Bucket-Optionen gehören:

* **Automatic**: Das System berechnet sinnvolle Bereiche für dich.
* **Custom**: Definiere eigene Bereiche, indem du einen Minimalwert, Maximalwert und eine Gruppengröße festlegst. Beispiel: Min: 0, Max: 100, Gruppengröße: 20 erstellt Buckets von 0-20, 20-40, 40-60, 60-80 und 80-100.

### Y-Achse

**What to show** bestimmt, was gemessen wird. Standardmäßig ist dies **Count** (Anzahl der Elemente). Wenn du eine numerische Eigenschaft auswählst, werden zusätzliche Aggregationsoptionen verfügbar:

* **Count**: Anzahl der Elemente in jeder Gruppe.
* **Sum**: Summe der ausgewählten numerischen Eigenschaft.
* **Average**: Durchschnittswert der ausgewählten Eigenschaft.
* **Minimum** / **Maximum**: Kleinster oder größter Wert.
* **Unique values**: Anzahl eindeutiger Werte.

**Group by** fügt eine zweite Gruppierungsdimension hinzu, um gestapelte oder segmentierte Diagramme zu erstellen. Du könntest zum Beispiel die X-Achse nach Erstellungsdatum (wöchentlich) gruppieren und anschließend nach Owner gruppieren, um ein gestapeltes Säulendiagramm zu sehen, das zeigt, wer in jeder Woche Ziele erstellt hat. Setze die Option auf **None**, um die Stapelung zu deaktivieren.

<Note>
  Die Group-by-Option (Stapelung) ist für Säulen-, Balken-, Linien- und Tabellen-Diagramme verfügbar.
</Note>

#### Donut- und Zahlendiagramm

Das Donut-Diagramm und das Zahlendiagramm haben vereinfachte Einstellungen:

* **Donut-Diagramm**: Konfiguriere **What to show** (die Kategoriedimension, z.B. Zyklus) und **Every part represents** (die Kennzahl, z.B. Count). Die Gesamtsumme wird in der Mitte angezeigt.
* **Zahlendiagramm**: Konfiguriere nur **What to show** (die anzuzeigende Kennzahl, z.B. Count). Das Ergebnis wird als einzelne große Zahl dargestellt.

## Time-Series-Modus

Wenn du zum Time-Series-Tab wechselst, wird der Diagrammtyp auf **Liniendiagramm** gesetzt.

### X-Achse

**Interval**: Wähle die zeitliche Granularität der Datenpunkte: **täglich**, **wöchentlich** oder **monatlich**.

### Y-Achse

**What to show**: Wähle aus, was im Zeitverlauf verfolgt werden soll:

* **Progress**: Verfolgt den durchschnittlichen Zielfortschritt in Prozent über die Zeit. Das Diagramm enthält zusätzlich zu den tatsächlichen Werten eine **erwartete Trendlinie** (gestrichelt). Die Datentabelle zeigt sowohl Actual- als auch Expected-Spalten.
* **Status score**: Verfolgt den numerischen Status-Score (typischerweise 0-10) über die Zeit. Enthält ebenfalls eine Trendlinie.
* **Status distribution**: Zeigt ein gestapeltes Flächendiagramm, das darstellt, wie Zielstatus (Not started, 0/10 bis 10/10, Dropped, Missed, Partial, Achieved, Exceeded) über die Zeit verteilt sind. In diesem Modus ist neben dem Liniendiagramm auch ein Balkendiagramm verfügbar.

## Stil

**Color**: Wähle ein Farbschema für dein Diagramm:

* **Auto**: Standard-Farbschema.
* **Colorful**: Eine mehrfarbige Palette.
* **Monochromatic**: Eine einfarbige Palette in Grau, Braun, Gelb, Orange, Rot, Pink, Lila, Blau oder Grün.

## Datentabelle

Jedes Diagramm enthält unterhalb der Visualisierung eine Datentabelle mit den zugrunde liegenden Werten. Über die Umschalt-Symbole oberhalb der Tabelle kannst du zwischen verschiedenen Tabellenlayouts wechseln. Die Tabelle ist nützlich, um genaue Zahlen einzusehen oder Daten zu exportieren.

## Tipps

<CardGroup cols={2}>
  <Card title="Starte mit einer Vorlage" icon="wand-magic-sparkles">
    Die vorkonfigurierten Diagrammoptionen (Zielfortschritt, Statusverteilung, Status-Score, Ziele nach Status) bieten einen guten Ausgangspunkt, den du weiter anpassen kannst.
  </Card>

  <Card title="Nutze Filter zur Fokussierung" icon="filter">
    Kombiniere Filter mit Zyklusauswahlen, um Diagramme zu erstellen, die konkrete Fragen beantworten, z.B. "Wie entwickeln sich die Ziele des Engineering-Teams in diesem Quartal?"
  </Card>

  <Card title="Kombiniere Diagrammtypen" icon="objects-column">
    Nutze Zahlendiagramme für zentrale KPIs, Säulen- oder Balkendiagramme für Vergleiche und Time-Series-Liniendiagramme für Trends, alles auf demselben Dashboard.
  </Card>

  <Card title="Stapelung für tiefere Einblicke" icon="layer-group">
    Nutze die Group-by-Option, um eine zweite Dimension hinzuzufügen. Du kannst zum Beispiel in einem wöchentlichen Säulendiagramm nach Owner stapeln, um zu sehen, wer was beigetragen hat.
  </Card>
</CardGroup>