Welche Datenformate werden unterstützt?

Sie können JSON-Arrays mit Labels und Werten, einfache Label:Wert-Paare oder eine Liste reiner Zahlenwerte verwenden.

Kann ich die Farben der Ringe anpassen?

Ja, Sie können aus vordefinierten Farbschemata wählen oder eigene Hex-Farben durch Kommas getrennt eingeben.

Ist die Animation beim Laden zwingend erforderlich?

Nein, Sie können die Animation in den Einstellungen deaktivieren, falls Sie eine statische Darstellung bevorzugen.

Wie groß kann ich die Diagramme einstellen?

Die Ringgröße lässt sich flexibel zwischen 100 und 400 Pixeln konfigurieren.

Können mehrere Fortschrittskreise gleichzeitig erstellt werden?

Ja, das Tool verarbeitet mehrere Werte gleichzeitig und erstellt für jeden Eintrag einen eigenen Fortschrittskreis.

Elysia Tools

Mobile Navigation

Data Visualization

Fortschrittskreis-Diagramm

Erstellen Sie schöne kreisförmige Fortschrittsindikatoren mit Animationen, perfekt für die Anzeige von Prozentsätzen, Fertigstellungsraten und Fortschrittsmetriken

Ausführung

Dieses Tool ausführen

Fülle das Formular aus, starte das Tool und prüfe das Ergebnis an einem Ort.

Eingaben

Optionen sind gruppiert, damit lange Formulare übersichtlich bleiben.

12 Optionen

InhaltHaupteingaben einfügen oder eingeben.3

FortschrittsdatentextareaPflichtFortschrittswerte (0-100). Unterstützt JSON-Array mit Labels, einfache Label:Wert-Paare oder nur WerteDiagrammtiteltextOptionales FeldTitel, der über dem Diagramm angezeigt wirdBenutzerdefinierte FarbentextOptionales FeldBenutzerdefinierte Farben für Fortschrittsringe (hex-Farben durch Kommas getrennt)

EinstellungenFormate, Bereiche, Zahlen und Modi anpassen.6

RinggrößenumberOptionales FeldGröße jedes Fortschrittsrings in PixelnRingdickenumberOptionales FeldDicke des Fortschrittsring-StrichsStartwinkelnumberOptionales FeldStartwinkel in Grad (-90 = oben, 0 = rechts, 90 = unten, 180 = links)FarbschemaselectOptionales FeldAnimationsdauernumberOptionales FeldDauer der Fortschrittsanimation in MillisekundenHintergrundfarbecolorOptionales FeldHintergrundfarbe für den Diagrammcontainer

SchalterOptionales Verhalten aktivieren oder deaktivieren.3

Prozentsatz anzeigencheckboxOptionales FeldAktiviert, wenn ausgewähltProzentwert in der Mitte jedes Rings anzeigenBeschriftung anzeigencheckboxOptionales FeldAktiviert, wenn ausgewähltBeschriftung unter jedem Fortschrittsring anzeigenAnimiertcheckboxOptionales FeldAktiviert, wenn ausgewähltFortschrittsringe beim Laden animieren

Ergebnis

Bereit zum Start

Nach dem Ausführen erscheinen hier Dateien, Text, strukturierte Daten oder Stream-Ausgaben.

Beispiele

Beispiele zu diesem Tool

Verwandt

Fortschrittskreis-Diagramm

Dieses Tool ausführen

Eingaben

Ergebnis

Beispiele zu diesem Tool

Mit verwandten Tools und Themen fortfahren

Eingaben

Ergebnis

Erfahren Sie, wann dieses Tool passt, was es unterstützt und wie Nutzer es anwenden.

Wichtige Fakten

Überblick

Wann verwenden

So funktioniert es

Anwendungsfälle

Beispiele

1. Projekt-Status-Dashboard

2. Vertriebs-KPI-Übersicht

FAQ

Grafana Fortgeschrittene Anwendungsbeispiele

QR-Code-Beispiele

D3.js Datenvisualisierung Beispiele

Rome JavaScript Toolchain Beispiele

Bewertungs-Stern-Diagramm

Rosendiagramm Generator

Stream-Graph-Generator

Zeitstrahl-Generator

Diagramm- und Grafikgeneratoren

Generatoren fur JSON-Schemas, Mock-Daten und API-Fixtures

JSON-zu-typisiertem-Code-Generatoren (TypeScript, Go, Rust, Kotlin, Java, C#)

Tools fur JSON-Austausch und Format-Ubersetzung