Wichtige Fakten
- Kategorie
- Data Visualization
- Eingabetypen
- textarea, text, number, color, select, checkbox
- Ausgabetyp
- html
- Sample-Abdeckung
- 4
- API verfügbar
- Yes
Überblick
Erstellen Sie mit unserem Thermometer-Diagramm-Tool ansprechende, vertikale Visualisierungen für Ihre Fortschrittsdaten. Ideal geeignet, um Spendenziele, Projektmeilensteine oder Zielerreichungsgrade auf einen Blick verständlich und motivierend darzustellen.
Wann verwenden
- •Zur übersichtlichen Darstellung von aktuellen Spendenständen im Vergleich zum Zielbetrag.
- •Um den Fortschritt von internen Projekten oder KPIs gegenüber dem Team zu visualisieren.
- •Für die anschauliche Präsentation von Zielerreichungsgraden in Berichten oder auf Dashboards.
So funktioniert es
- •Geben Sie Ihre Daten im JSON-Format, als Text (Label:Aktuell:Ziel) oder einfach als Zahlenwerte ein.
- •Passen Sie das Design durch Einstellungen wie Diagrammgröße, Farben und Skalenstile individuell an.
- •Aktivieren Sie hilfreiche Zusatzoptionen wie Prozentanzeigen oder Ziel-Linien für mehr Klarheit.
- •Generieren Sie das Diagramm und binden Sie es direkt in Ihre Präsentation oder Webseite ein.
Anwendungsfälle
Beispiele
1. Spendenkampagne visualisieren
Fundraising-Manager- Hintergrund
- Ein Wohltätigkeitsverein möchte den aktuellen Stand einer Spendenaktion auf der Webseite präsentieren.
- Problem
- Die reinen Zahlen wirken wenig motivierend für potenzielle Spender.
- Verwendung
- Daten im Format 'Spendenaktion:75000:100000' eingeben und die Ziel-Linie aktivieren.
- Beispielkonfiguration
-
thermometerData: 'Spendenaktion:75000:100000', mercuryColor: '#22c55e', showTarget: true - Ergebnis
- Ein animiertes, grünes Thermometer zeigt den Fortschritt von 75% an und motiviert durch die sichtbare Ziel-Linie.
2. Vertriebs-KPIs darstellen
Vertriebsleiter- Hintergrund
- Das Team muss den Fortschritt zum monatlichen Verkaufsziel von 500.000 Euro verfolgen.
- Problem
- Tabellen sind zu unübersichtlich für das tägliche Stand-up-Meeting.
- Verwendung
- Aktuellen Umsatzwert eingeben und detaillierte Skala für bessere Lesbarkeit wählen.
- Beispielkonfiguration
-
thermometerData: 'Monatsziel:420000:500000', scaleStyle: 'detailed', showPercentage: true - Ergebnis
- Ein klares, vertikales Diagramm zeigt den aktuellen Stand bei 84% und ermöglicht eine schnelle Einschätzung der verbleibenden Lücke.
Mit Samples testen
jsonVerwandte Hubs
FAQ
Welche Datenformate werden unterstützt?
Sie können JSON-Arrays, das Textformat 'Label:Aktuell:Ziel' oder eine einfache Liste von Zahlenwerten verwenden.
Kann ich die Farben des Thermometers anpassen?
Ja, Sie können sowohl die Farbe der Quecksilberfüllung als auch die Hintergrundfarbe der Röhre frei wählen.
Ist eine Animation beim Laden möglich?
Ja, über die Option 'Animiert' können Sie einen Effekt aktivieren, bei dem sich das Quecksilber beim Laden des Diagramms füllt.
Kann ich den Zielwert im Diagramm hervorheben?
Ja, aktivieren Sie einfach die Option 'Ziel-Linie anzeigen', um den Zielwert grafisch im Thermometer zu markieren.
Wie kann ich die Größe des Diagramms ändern?
Sie können die Breite und Höhe des Thermometers in Pixeln über die entsprechenden Eingabefelder präzise festlegen.