Kategorien

← View All Tools

Piktogramm-Generator

Erstellen Sie Piktogramme mit Symbolen/Ikonen zur Darstellung von Mengen mit anpassbaren Symbolen, Farben und Layouts

Datenelemente als JSON-Array mit Label-, Wert- und optionalen Farbeigenschaften

Titel, der über dem Piktogramm angezeigt wird

Benutzerdefiniertes Emoji-Symbol, wenn "Benutzerdefiniertes Symbol" ausgewählt ist

Durch jedes Symbol dargestellter Wert

Größe jedes Symbols in Pixeln

Abstand zwischen Symbolen in Pixeln

Maximale Anzahl von Symbolen pro Zeile (0 = unbegrenzt)

Standardfarbe für Symbole (kann durch einzelne Elementfarben überschrieben werden)

Hintergrundfarbe für das Diagramm

Rahmenfarbe für Symbole

Rahmenbreite in Pixeln

Schriftgröße für Beschriftungen und Werte

Schriftgröße für den Diagrammtitel

Farbe für den Diagrammtitel

Numerische Werte neben Beschriftungen anzeigen

Kategoriebeschriftungen anzeigen

Legende anzeigen, die Symbolwert zeigt

Symbole beim Laden animieren

Abgerundete Ecken auf Symbole anwenden

Wichtige Fakten

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

Überblick

Der Piktogramm-Generator ermöglicht es Ihnen, komplexe Datenmengen in ansprechende, visuelle Symbol-Diagramme zu verwandeln. Durch die Verwendung von Icons wie Personen, Sternen oder benutzerdefinierten Emojis machen Sie statistische Informationen intuitiv verständlich und optisch ansprechend.

Wann verwenden

  • •Wenn Sie statistische Daten in Präsentationen oder Berichten anschaulicher gestalten möchten.
  • •Wenn Sie Mengenverhältnisse durch Symbole statt durch abstrakte Balken oder Tortendiagramme darstellen wollen.
  • •Wenn Sie Infografiken erstellen, die komplexe Zahlenwerte für ein breites Publikum leicht erfassbar machen sollen.

So funktioniert es

  • •Geben Sie Ihre Daten als JSON-Array ein, das Labels, Werte und optional spezifische Farben für jedes Element enthält.
  • •Wählen Sie ein passendes Symbol aus der umfangreichen Bibliothek oder definieren Sie ein eigenes Emoji.
  • •Passen Sie Layout-Optionen wie Symbolgröße, Abstände, Ausrichtung und die maximale Anzahl der Symbole pro Zeile an.
  • •Generieren Sie das Piktogramm und nutzen Sie die Vorschau, um Farben, Beschriftungen und Animationen final zu optimieren.

Anwendungsfälle

Visualisierung von demografischen Daten oder Umfrageergebnissen in Berichten.
Darstellung von Verkaufszahlen oder Lagerbeständen durch Produkt-Icons.
Erstellung von motivierenden Fortschrittsanzeigen für Team-Ziele oder Spendenkampagnen.

Beispiele

1. Mitarbeiter-Verteilung nach Abteilung

HR-Manager
Hintergrund
Die Personalabteilung muss die Anzahl der Mitarbeiter in verschiedenen Abteilungen für den Quartalsbericht visualisieren.
Problem
Ein klassisches Balkendiagramm wirkt zu trocken; die Darstellung soll nahbarer und moderner sein.
Verwendung
Daten als JSON eingeben, Symbol 'Person' wählen und die Farben pro Abteilung anpassen.
Beispielkonfiguration
[{"label": "IT", "value": 12, "color": "#3b82f6"}, {"label": "Marketing", "value": 8, "color": "#ef4444"}]
Ergebnis
Ein übersichtliches Piktogramm, bei dem jede Person ein Teammitglied repräsentiert, unterteilt in farbige Gruppen.

2. Kundenbewertungen visualisieren

Marketing-Analyst
Hintergrund
Ein Unternehmen möchte die Anzahl der 5-Sterne-Bewertungen für verschiedene Produkte auf der Website hervorheben.
Problem
Zahlen allein überzeugen Kunden weniger als eine visuelle Darstellung der Beliebtheit.
Verwendung
Symbol 'Stern' auswählen, 'Symbolwert' auf 1 setzen und die 'showValues'-Option aktivieren.
Beispielkonfiguration
[{"label": "Produkt A", "value": 5}, {"label": "Produkt B", "value": 3}]
Ergebnis
Eine klare, visuelle Gegenüberstellung der Produktbewertungen durch Stern-Symbole, die sofort Vertrauen schafft.

Mit Samples testen

json, image, text
PDF-Beispiele
Generierte PDF-Beispiele von Tools zwischen 2026-02-01 und 2026-02-10
preferred input family json
json
QR-Code-Beispiele
Beispiel-QR-Code-Bilder zum Testen von QR-Code-Lese- und Generierungswerkzeugen
preferred input family json
json
Grafana Fortgeschrittene Anwendungsbeispiele
Umfassende Grafana-Beispiele für fortgeschrittenes Dashboard-Design, Alerting-Konfiguration, Datenquellen-Integration und Plugin-Entwicklung
preferred input family json
json
D3.js Datenvisualisierung Beispiele
Umfassende D3.js datenvisualisierung beispiele einschließlich diagramme, karten, animationen und interaktive visualisierungen
preferred input family json
json

Verwandte Hubs

Json-Convert-Tools
Entdecken Sie 100 json-Tools für convert-Workflows und vergleichen Sie ähnliche Utilities schnell.
Image-Convert-Tools
Entdecken Sie 100 image-Tools für convert-Workflows und vergleichen Sie ähnliche Utilities schnell.
Text-Convert-Tools
Entdecken Sie 80 text-Tools für convert-Workflows und vergleichen Sie ähnliche Utilities schnell.
Json-Tools
Entdecken Sie 43 json-Tools für utility-Workflows und vergleichen Sie ähnliche Utilities schnell.

FAQ

Welche Datenformate werden für die Eingabe unterstützt?

Die Daten müssen als JSON-Array eingegeben werden, wobei jedes Objekt ein Label, einen Wert und eine optionale Farbe definiert.

Kann ich eigene Symbole verwenden?

Ja, wählen Sie im Menü 'Symboltyp' die Option 'Benutzerdefiniertes Symbol' und geben Sie Ihr gewünschtes Emoji im Feld 'Benutzerdefiniertes Symbol' ein.

Wie wird der Wert pro Symbol festgelegt?

Über das Feld 'Symbolwert' definieren Sie, welche Menge ein einzelnes Symbol repräsentiert (z. B. 1 Symbol = 10 Einheiten).

Ist es möglich, die Symbole farblich zu unterscheiden?

Ja, Sie können entweder eine Standardfarbe für alle Symbole festlegen oder im JSON-Dateneingabefeld jedem Element eine individuelle Farbe zuweisen.

In welchem Format wird das Ergebnis ausgegeben?

Das Tool generiert eine interaktive HTML-Visualisierung, die Sie direkt in Ihre Projekte einbinden oder als Grafik exportieren können.

API-Dokumentation

Request-Endpunkt

POST /de/api/tools/pictograph-generator

Request-Parameter

Parameter-Name Typ Erforderlich Beschreibung
chartTitle text Nein Titel, der über dem Piktogramm angezeigt wird
dataItems textarea Ja Datenelemente als JSON-Array mit Label-, Wert- und optionalen Farbeigenschaften
iconType select Ja -
customIcon text Nein Benutzerdefiniertes Emoji-Symbol, wenn "Benutzerdefiniertes Symbol" ausgewählt ist
iconValue number Ja Durch jedes Symbol dargestellter Wert
iconSize number Nein Größe jedes Symbols in Pixeln
iconSpacing number Nein Abstand zwischen Symbolen in Pixeln
maxIconsPerRow number Nein Maximale Anzahl von Symbolen pro Zeile (0 = unbegrenzt)
layout select Nein -
orientation select Nein -
customColor color Nein Standardfarbe für Symbole (kann durch einzelne Elementfarben überschrieben werden)
backgroundColor color Nein Hintergrundfarbe für das Diagramm
borderColor color Nein Rahmenfarbe für Symbole
borderWidth number Nein Rahmenbreite in Pixeln
fontSize number Nein Schriftgröße für Beschriftungen und Werte
titleSize number Nein Schriftgröße für den Diagrammtitel
fontWeight select Nein -
titleWeight select Nein -
titleColor color Nein Farbe für den Diagrammtitel
showValues checkbox Nein Numerische Werte neben Beschriftungen anzeigen
showLabels checkbox Nein Kategoriebeschriftungen anzeigen
showLegend checkbox Nein Legende anzeigen, die Symbolwert zeigt
animationEnabled checkbox Nein Symbole beim Laden animieren
roundedCorners checkbox Nein Abgerundete Ecken auf Symbole anwenden

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-pictograph-generator": {
      "name": "pictograph-generator",
      "description": "Erstellen Sie Piktogramme mit Symbolen/Ikonen zur Darstellung von Mengen mit anpassbaren Symbolen, Farben und Layouts",
      "baseUrl": "https://elysiatools.com/mcp/sse?toolId=pictograph-generator",
      "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]