Kategorien

← View All Tools

Bewertungs-Stern-Diagramm

Erstellen Sie schöne Stern-Bewertungsvisualisierungen für Produkte, Dienstleistungen und Benutzerfeedback-Analysen

Bewertungsdaten (0-5). Unterstützt JSON mit Label/Bewertung/Anzahl, einfache Label:Bewertung:Anzahl, oder nur Bewertungswerte

Titel, der über dem Diagramm angezeigt wird

Größe jedes Sterns in Pixeln

Farbe für gefüllte Sterne

Farbe für leere Sterne

Dauer der Stern-Animation in Millisekunden

Hintergrundfarbe für den Diagrammcontainer

Bewertungsverteilung und Prozentsätze anzeigen

Anzahl der Bewertungen für jeden Eintrag anzeigen

Gesamtbewertungszusammenfassung und Statistiken anzeigen

Dezimalbewertungen (z.B., 4.5) anstelle von gerundeten anzeigen

Sterne beim Laden animieren

Wichtige Fakten

Kategorie
Data Visualization
Eingabetypen
textarea, text, select, number, color, checkbox
Ausgabetyp
html
Sample-Abdeckung
4
API verfügbar
Yes

Überblick

Erstellen Sie mit diesem Tool ansprechende und professionelle Stern-Bewertungsvisualisierungen, um Kundenfeedback, Produktbewertungen oder Service-Qualität übersichtlich darzustellen.

Wann verwenden

  • •Zur Präsentation von Kundenzufriedenheitswerten in Berichten oder auf Webseiten.
  • •Um Produktvergleiche basierend auf Nutzerbewertungen visuell hervorzuheben.
  • •Zur Analyse und Visualisierung von Feedback-Daten aus Umfragen oder Rezensionen.

So funktioniert es

  • •Geben Sie Ihre Bewertungsdaten im JSON-Format, als Textliste oder als einfache Zahlenwerte ein.
  • •Passen Sie das Design durch Optionen wie Sterngröße, Farben und Layout-Stile individuell an.
  • •Wählen Sie zusätzliche Anzeigeoptionen wie Durchschnittsbewertungen oder die Anzahl der Rezensionen aus.
  • •Generieren Sie das Diagramm und binden Sie die Visualisierung direkt in Ihre Projekte ein.

Anwendungsfälle

Visualisierung von E-Commerce-Produktbewertungen für Verkaufsseiten.
Erstellung von Dashboards zur Darstellung der Kundenzufriedenheit (CSAT) im Support-Bereich.
Aufbereitung von Umfrageergebnissen für interne Präsentationen oder Berichte.

Beispiele

1. Produkt-Vergleichsübersicht

E-Commerce Manager
Hintergrund
Ein Online-Shop möchte die Bewertungen seiner drei Top-Produkte auf der Startseite hervorheben.
Problem
Die reinen Zahlenwerte sind für Kunden schwer zu erfassen und wirken wenig einladend.
Verwendung
Die Bewertungsdaten werden als JSON eingegeben und das Layout auf 'Vertikale Liste' eingestellt.
Beispielkonfiguration
[{"label": "Produkt A", "rating": 4.5, "count": 120}, {"label": "Produkt B", "rating": 3.8, "count": 85}, {"label": "Produkt C", "rating": 4.2, "count": 200}]
Ergebnis
Eine klare, visuell ansprechende Liste mit Sternen, die sofort die Beliebtheit der Produkte verdeutlicht.

2. Service-Qualitäts-Dashboard

Kundenservice-Leiter
Hintergrund
Nach jedem Support-Ticket wird eine Bewertung abgegeben, die monatlich ausgewertet werden muss.
Problem
Die statistische Auswertung soll für das Team motivierend und leicht verständlich aufbereitet werden.
Verwendung
Eingabe der monatlichen Durchschnittswerte, Aktivierung der Anzeige von Durchschnittsbewertung und Anzahl.
Beispielkonfiguration
4.8
4.2
4.5
Ergebnis
Ein animiertes Diagramm, das die monatliche Service-Performance mit präzisen Stern-Visualisierungen darstellt.

Mit Samples testen

json, audio
ELK Stack Log-Analyse Beispiele
Umfassende ELK Stack Beispiele für Log-Aggregation, -Verarbeitung und -Visualisierung in verteilten Systemen
preferred input family json
json
WebRTC Echtzeitkommunikation Beispiele
Umfassende WebRTC-Beispiele für P2P Audio/Video-Kommunikation, Datenkanäle, Bildschirmfreigabe und Signalisierungsserver
preferred input family json
json
Express.js Beispiele
Express.js Web-Framework-Beispiele einschließlich Hello World, Routing, Middleware und REST-API
preferred input family json
json
PDF-Beispiele
Generierte PDF-Beispiele von Tools zwischen 2026-02-01 und 2026-02-10
preferred input family json
json

Verwandte Hubs

Json-Generate-Tools
Entdecken Sie 33 json-Tools für generate-Workflows und vergleichen Sie ähnliche Utilities schnell.
Audio-Generate-Tools
Entdecken Sie 8 audio-Tools für generate-Workflows und vergleichen Sie ähnliche Utilities schnell.
Json-Convert-Tools
Entdecken Sie 100 json-Tools für convert-Workflows und vergleichen Sie ähnliche Utilities schnell.
Audio-Convert-Tools
Entdecken Sie 100 audio-Tools für convert-Workflows und vergleichen Sie ähnliche Utilities schnell.

FAQ

Welche Datenformate werden unterstützt?

Sie können JSON-Arrays mit Label/Bewertung/Anzahl, einfache Textzeilen (Label:Bewertung:Anzahl) oder eine reine Liste von Zahlenwerten verwenden.

Kann ich die Farben der Sterne anpassen?

Ja, Sie können sowohl die Farbe für gefüllte Sterne als auch für leere Sterne individuell über den Farbwähler festlegen.

Ist das Diagramm animiert?

Ja, Sie können die Animation aktivieren und die Dauer in Millisekunden anpassen, um die Sterne beim Laden der Seite sanft erscheinen zu lassen.

Welche Layout-Optionen gibt es?

Sie können zwischen einer vertikalen Liste für detaillierte Übersichten oder einem Raster-Layout für eine kompakte Darstellung wählen.

Können Dezimalzahlen bei der Bewertung angezeigt werden?

Ja, über die Option 'Dezimalbewertungen anzeigen' können Sie präzise Werte wie 4,5 anstelle von gerundeten Ganzzahlen darstellen.

API-Dokumentation

Request-Endpunkt

POST /de/api/tools/rating-star-chart

Request-Parameter

Parameter-Name Typ Erforderlich Beschreibung
ratingData textarea Ja Bewertungsdaten (0-5). Unterstützt JSON mit Label/Bewertung/Anzahl, einfache Label:Bewertung:Anzahl, oder nur Bewertungswerte
chartTitle text Nein Titel, der über dem Diagramm angezeigt wird
layout select Nein -
starSize number Nein Größe jedes Sterns in Pixeln
starColor color Nein Farbe für gefüllte Sterne
emptyStarColor color Nein Farbe für leere Sterne
animationDuration number Nein Dauer der Stern-Animation in Millisekunden
backgroundColor color Nein Hintergrundfarbe für den Diagrammcontainer
showPercentage checkbox Nein Bewertungsverteilung und Prozentsätze anzeigen
showCount checkbox Nein Anzahl der Bewertungen für jeden Eintrag anzeigen
showAverage checkbox Nein Gesamtbewertungszusammenfassung und Statistiken anzeigen
showDecimal checkbox Nein Dezimalbewertungen (z.B., 4.5) anstelle von gerundeten anzeigen
animated checkbox Nein Sterne beim Laden animieren

Antwortformat

{
  "result": "
Processed HTML content
",
  "error": "Error message (optional)",
  "message": "Notification message (optional)",
  "metadata": {
    "key": "value"
  }
}
HTML: HTML

MCP-Dokumentation

Fügen Sie dieses Tool zu Ihrer MCP-Server-Konfiguration hinzu: 

{
  "mcpServers": {
    "elysiatools-rating-star-chart": {
      "name": "rating-star-chart",
      "description": "Erstellen Sie schöne Stern-Bewertungsvisualisierungen für Produkte, Dienstleistungen und Benutzerfeedback-Analysen",
      "baseUrl": "https://elysiatools.com/mcp/sse?toolId=rating-star-chart",
      "command": "",
      "args": [],
      "env": {},
      "isActive": true,
      "type": "sse"
    }
  }
}

Sie können mehrere Tools verketten, z.B.: `https://elysiatools.com/mcp/sse?toolId=png-to-webp,jpg-to-webp,gif-to-webp`, maximal 20 Tools.

Wenn Sie auf Probleme stoßen, kontaktieren Sie uns bitte bei [email protected]