# Bereichsdiagramm-Generator

Erstellen Sie Bereichsdiagramme zur Visualisierung von Min-Max-Wertbereichen mit Medianmarkierungen und Ausreißer-Erkennung

> Kanonische Seite: https://elysiatools.com/de/tools/range-chart-generator

- **Kategorie:** Data Visualization

- **Schlagwörter:** Bereichsdiagramm, Min-Max-Diagramm, Fehlerbalken, Konfidenzintervall, Preisvolatilität, Temperaturbereich

## Überblick

Der Bereichsdiagramm-Generator erstellt interaktive Diagramme zur Visualisierung von Min-Max-Wertbereichen, mit optionalen Medianmarkierungen und Ausreißer-Erkennung. Ideal für Datenanalysen, die Spannweiten und zentrale Tendenzen übersichtlich darstellen müssen.

## Eingaben

- **Diagrammtitel** (text): Titel, der über dem Bereichsdiagramm angezeigt wird
- **Datenbereiche** (textarea): Datenbereiche als JSON-Array mit min, max und optionalen Median, Mittelwert und Ausreißern
- **X-Achsen-Beschriftung** (text): Beschriftung für die X-Achse
- **Y-Achsen-Beschriftung** (text): Beschriftung für die Y-Achse
- **Bereichsstil** (select): Bereichsstil auswählen
- **Bereichsfarbe** (color): Primärfarbe für Bereichsvisualisierung
- **Medianfarbe** (color): Farbe für Medianmarkierungen
- **Mittelwertpunktfarbe** (color): Farbe für Mittelwertpunktmarkierungen
- **Ausreißerfarbe** (color): Farbe für Ausreißerpunkte
- **Linienfarbe** (color): Farbe für Bereichslinien (falls anwendbar)
- **Linienbreite** (number): Breite der Bereichslinien in Pixeln
- **Datenpunktgröße** (number): Größe der Min/Max-Datenpunkte in Pixeln
- **Ausreißergröße** (number): Größe der Ausreißerpunkte in Pixeln
- **Bereichsdeckkraft** (number): Deckkraftniveau für Bereichsfüllung (0.0-1.0)
- **Median anzeigen** (checkbox): Medianmarkierungen auf Bereichen anzeigen
- **Mittelwert anzeigen** (checkbox): Mittelwertpunktmarkierungen anzeigen
- **Ausreißer anzeigen** (checkbox): Ausreißer-Datenpunkte anzeigen
- **Min/Max-Punkte anzeigen** (checkbox): Minimale und maximale Datenpunkte anzeigen
- **Raster anzeigen** (checkbox): Hintergrund-Rasterlinien anzeigen
- **Rasterfarbe** (color): Farbe der Rasterlinien
- **Hintergrundfarbe** (color): Hintergrundfarbe des Diagramms
- **Diagrammbreite** (number): Breite des Diagramms in Pixeln
- **Diagrammhöhe** (number): Höhe des Diagramms in Pixeln
- **Wertformat** (select): Format auswählen
- **Schriftgröße** (number): Schriftgröße für Beschriftungen und Text
- **Titelschriftgröße** (number): Schriftgröße für den Diagrammtitel
- **Schriftfamilie** (text): Schriftfamilie für Textelemente
- **Animation aktivieren** (checkbox): Diagramm beim Laden animieren
- **Animationsdauer** (number): Animationsdauer in Millisekunden

## Wann verwenden

- Wenn Sie Min-Max-Bereiche von Daten wie Preisschwankungen oder Temperaturbereichen visualisieren möchten.
- Wenn neben dem Bereich auch der Median oder Mittelwert hervorgehoben werden soll.
- Wenn Ausreißer in Ihren Daten erkannt und im Diagramm separat angezeigt werden müssen.

## Funktionsweise

- Geben Sie Ihre Daten als JSON-Array im Feld 'Datenbereiche' ein, mit mindestens 'min' und 'max', sowie optional 'median', 'mean' und 'outliers'.
- Passen Sie Diagrammoptionen wie Titel, Achsenbeschriftungen, Farben und Bereichsstil (Linie, Balken oder Bereich) an.
- Konfigurieren Sie erweiterte Einstellungen für Linienbreite, Deckkraft, Animationen und Wertformate.
- Klicken Sie auf Generieren, um ein HTML-Bereichsdiagramm zu erhalten, das direkt im Browser angezeigt oder heruntergeladen werden kann.

## Anwendungsfälle

- Visualisierung von Preisspannen für Produkte in Marktberichten oder Finanzanalysen.
- Darstellung von täglichen Temperaturbereichen in Wetterdaten oder Klimastudien.
- Erstellung von Konfidenzintervall-Diagrammen für statistische Daten in Forschungsberichten.

## Häufig gestellte Fragen

### Welches Datenformat wird für die Eingabe benötigt?

Die Daten müssen als JSON-Array mit Objekten angegeben werden, die mindestens 'min' und 'max' enthalten. Optionale Felder sind 'median', 'mean' und 'outliers'.

### Kann ich die Farben und Stile anpassen?

Ja, Sie können Farben für Bereiche, Median, Mittelwert, Ausreißer und Linien individuell festlegen, sowie den Stil zwischen Linie, Balken oder Bereich wählen.

### Welche Ausgabeformate unterstützt das Tool?

Das Tool generiert ein HTML-Diagramm, das im Browser interaktiv angezeigt oder als Datei heruntergeladen werden kann.

### Wie erkenne ich Ausreißer im Diagramm?

Ausreißer werden als separate Punkte dargestellt, wenn Sie im JSON 'outliers' angeben und die Option 'Ausreißer anzeigen' aktivieren.

### Ist das Tool für große Datensätze geeignet?

Das Tool kann mehrere Datenbereiche handhaben, aber die Performance kann bei sehr großen Datenmengen variieren. Es ist für typische Analyse- und Visualisierungsaufgaben optimiert.

## Ähnliche Tools

- [ECharts-Theme-Token-Extraktor](https://elysiatools.com/de/tools/echarts-theme-token-extractor): Extrahiert Design-Tokens — Farben, Zahlen, Schriftgrößen und Strings — aus einem ECharts-Theme-JSON und exportiert sie direkt in Ihr Design-System. Fügen Sie ein Theme-Objekt ein (das per echarts.init(dom, themeName) registriert wird) und das Werkzeug durchläuft jedes Leaf, taggt jede Farbe (optional Named/rgb → hex normalisiert), jeden Abstand, jede Schriftgröße und jeden String und gibt saubere CSS-Variablen, ein Tailwind theme.extend, ein Style Dictionary tokens.json oder SCSS-Variablen aus. Überbrückt die Lücke zwischen einem ECharts-Visualisierungs-Theme und Figma/CSS/Tailwind-Design-Tokens, ohne jeden Wert von Hand zu kopieren.
- [Donut-Diagramm-Generator](https://elysiatools.com/de/tools/donut-chart-generator): Erstellen Sie anpassbare Donut-Diagramme aus Daten mit verschiedenen Styling-Optionen, perfekt zur Anzeige von Proportionen mit zentralem Raum
- [Trichter-Diagramm-Generator](https://elysiatools.com/de/tools/funnel-chart-generator): Erstellen Sie anpassbare Trichterdiagramme aus Daten, perfekt zur Anzeige von Konversionsraten, Verkaufspipelines und Prozessflüssen
- [OpenAPI zu Postman Collection](https://elysiatools.com/de/tools/openapi-to-postman-collection): Wandelt eine OpenAPI-3.x- oder Swagger-2.0-Spec (JSON/YAML) in eine importierbare Postman Collection v2.1.0 mit Ordnern, Variablen, Auth und Beispielantworten.
- [Piktogramm-Generator](https://elysiatools.com/de/tools/pictograph-generator): Erstellen Sie Piktogramme mit Symbolen/Ikonen zur Darstellung von Mengen mit anpassbaren Symbolen, Farben und Layouts
- [Radardiagramm-Generator](https://elysiatools.com/de/tools/radar-chart-generator): Erstellen Sie anpassbare Radardiagramme aus Daten, perfekt für multidimensionalen Vergleich und Analyse
- [Wasserfall-Diagramm-Generator](https://elysiatools.com/de/tools/waterfall-chart-generator): Erstellen Sie Wasserfall-Diagramme zur Visualisierung kumulativer Veränderungen mit Positiv/Negativ-Wert-Unterscheidung und Zwischensummenanzeige
- [Bild-Palette zu Design-Tokens](https://elysiatools.com/de/tools/image-to-design-tokens): Extrahiert dominante Farben per k-Means und exportiert sie als CSS-/SCSS-Variablen, Tailwind-Config oder JSON-Tokens mit Namen und Farbskala

## Beispiele

- [QR-Code-Beispiele](https://elysiatools.com/de/samples/qrcode-samples): Beispiel-QR-Code-Bilder zum Testen von QR-Code-Lese- und Generierungswerkzeugen
- [Distributed Tracing Beispiele](https://elysiatools.com/de/samples/distributed-tracing-samples): Umfassende Beispiele für verteiltes Tracing mit Jaeger, OpenTelemetry und modernen Observability Tools
- [ELK Stack Log-Analyse Beispiele](https://elysiatools.com/de/samples/elk-stack-samples): Umfassende ELK Stack Beispiele für Log-Aggregation, -Verarbeitung und -Visualisierung in verteilten Systemen
- [Grafana Fortgeschrittene Anwendungsbeispiele](https://elysiatools.com/de/samples/grafana-samples): Umfassende Grafana-Beispiele für fortgeschrittenes Dashboard-Design, Alerting-Konfiguration, Datenquellen-Integration und Plugin-Entwicklung

## Verwandte Inhalte

- [Diagramm- und Grafikgeneratoren](https://elysiatools.com/de/hubs/chart-diagram-generators): Erzeuge Balken-, Linien-, Torten-, Ring-, Streu-, Radar-, Gantt-, Sankey-, Heatmap-, Trichter-, Treemap- und viele weitere Diagramme aus eigenen Daten in einem Visualisierungs-Hub.
- [Tools fur JSON-Austausch und Format-Ubersetzung](https://elysiatools.com/de/hubs/json-convert): Vergleiche JSON-Konvertierungswerkzeuge fur CSV, YAML, TOML, GraphQL, XML, Markdown, Excel, BSON, EDN und ahnliche strukturierte Formate in einem Hub.
- [Textfall-, Encoding- und Normalisierungs-Konvertierungs-Tools](https://elysiatools.com/de/hubs/text-convert): Vergleichen Sie Textfall-Konvertierung, Zeichenbreiten-Konvertierung, Encoding-Konvertierung, Quoted-Printable-Verarbeitung und Inline-Textnormalisierung in einem Hub.
- [Werkzeuge fur JSON-Inspektion, Diff und Transformation](https://elysiatools.com/de/hubs/json-utility): Bunde JSON-Formatierung, Diff, Pfad-Inspektion, Schema-Prufung, Merge und Transformation in einem Hub fur API- und Daten-Workflows.
