# Eiszapfen-Diagramm Generator Interaktive Eiszapfen-Diagramme für hierarchische Datenvisualisierung generieren, perfekt für die Anzeige von Baumstrukturen, Dateisystemen und organisatorischen Hierarchien > Kanonische Seite: https://elysiatools.com/de/tools/icicle-chart-generator - **Kategorie:** Data Visualization - **Schlagwörter:** Eiszapfen-Diagramm, hierarchisch, Baumvisualisierung, Treemap, verschachtelte Daten, Organisationsdiagramm, Dateisystem, Sunburst ## Überblick Der Eiszapfen-Diagramm Generator erstellt interaktive Diagramme zur Visualisierung hierarchischer Daten, ideal für Baumstrukturen, Dateisysteme und Organisationshierarchien. ## Eingaben - **Hierarchische Daten** (textarea): Hierarchische Daten im JSON-Format mit Namen, Werten und optionalen Kinder-Arrays - **Diagrammtitel** (text): Titel, der über dem Diagramm angezeigt wird - **Farbschema** (select): Farbschema auswählen - **Benutzerdefinierte Farben** (textarea): JSON-Array von Hex-Farben (erfordert Auswahl benutzerdefinierter Farben) - **Wertformat** (select): Wertformat auswählen - **Diagrammbreite** (number): Breite des Diagramms in Pixeln (min: 400, max: 1200) - **Diagrammhöhe** (number): Höhe des Diagramms in Pixeln (min: 300, max: 800) - **Startebene** (number): Anzuzeigende Startebene (0 = Root-Ebene) - **Maximale Tiefe** (number): Maximale Anzahl der anzuzeigenden Ebenen - **Beschriftungsgröße** (number): Schriftgröße für Beschriftungen in Pixeln (min: 8, max: 16) - **Abstandsgröße** (number): Abstand zwischen Rechtecken in Pixeln (min: 0, max: 10) - **Eckenradius** (number): Eckenradius für Rechtecke in Pixeln (min: 0, max: 8) - **Strichbreite** (number): Rahmenbreite für Rechtecke in Pixeln (min: 0, max: 3) - **Hintergrundfarbe** (color): Hintergrundfarbe für den Diagrammcontainer - **Strichfarbe** (color): Rahmenfarbe für Rechtecke - **Beschriftungen anzeigen** (checkbox): Kategorienamen innerhalb von Rechtecken anzeigen - **Werte anzeigen** (checkbox): Werte innerhalb von Rechtecken anzeigen - **Prozentsätze anzeigen** (checkbox): Prozentsätze anstelle von absoluten Werten anzeigen - **Tooltips aktivieren** (checkbox): Detaillierte Informationen beim Hover anzeigen - **Diagrammausrichtung** (select): Diagrammausrichtung auswählen - **Hover-Animation** (checkbox): Rechtecke beim Hover animieren ## Wann verwenden - Wenn Sie hierarchische Daten wie Organigramme oder Dateisysteme übersichtlich darstellen müssen. - Für die Visualisierung von Baumstrukturen in Datenanalysen oder Projektmanagement. - Um verschachtelte Daten interaktiv und verständlich zu präsentieren. ## Funktionsweise - Geben Sie hierarchische Daten im JSON-Format ein, mit Namen, Werten und optionalen Kinder-Arrays. - Passen Sie das Diagramm an, indem Sie Farbschema, Größe, Beschriftungen und andere Optionen konfigurieren. - Generieren Sie das interaktive Eiszapfen-Diagramm als HTML, das Sie herunterladen oder einbetten können. ## Anwendungsfälle - Visualisierung von Unternehmenshierarchien in Organigrammen für Präsentationen. - Darstellung von Dateisystemstrukturen zur Analyse von Speicherplatzverteilung. - Analyse von Datenhierarchien in Forschungsprojekten, wie phylogenetischen Bäumen. ## Häufig gestellte Fragen ### Welches Datenformat wird benötigt? Die Daten müssen im JSON-Format mit einer hierarchischen Struktur eingegeben werden, z.B. mit 'name', 'value' und 'children'. ### Kann ich die Farben des Diagramms anpassen? Ja, Sie können aus vordefinierten Farbschemata wählen oder benutzerdefinierte Farben als JSON-Array angeben. ### Wie steuere ich die Detailtiefe des Diagramms? Nutzen Sie die Optionen 'Startebene' und 'Maximale Tiefe', um die anzuzeigenden Ebenen zu begrenzen. ### Werden Tooltips unterstützt? Ja, aktivieren Sie die Tooltip-Option, um detaillierte Informationen beim Hover über Elemente anzuzeigen. ### Kann ich die Ausrichtung des Diagramms ändern? Ja, wählen Sie zwischen horizontaler (von oben nach unten) oder vertikaler (von links nach rechts) Ausrichtung. ## Ähnliche Tools - [Bar Chart Generator](https://elysiatools.com/de/tools/bar-chart-generator): Generate customizable bar charts from data with various styling options - [Blasendiagramm-Generator](https://elysiatools.com/de/tools/bubble-chart-generator): Erstellen Sie anpassbare Blasendiagramme aus Daten mit drei Dimensionen (x, y, Größe) - [Vergleichs-Balkendiagramm-Generator](https://elysiatools.com/de/tools/comparison-bar-chart): Rücken-an-Rücken-Balkendiagramme für den Vergleich von positiven und negativen Werten generieren, perfekt für den Kontrast von Datensätzen - [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 - [Gantt-Diagramm-Generator](https://elysiatools.com/de/tools/gantt-chart-generator): Erstellen Sie professionelle Gantt-Diagramme mit Aufgabenzeitlinien, Abhängigkeiten, Fortschrittsverfolg und Meilenstein-Markierungen - [Tachometer-Generator](https://elysiatools.com/de/tools/gauge-chart-generator): Erstellen Sie anpassbare Tachometer aus Daten, perfekt zur Anzeige von KPIs, Metriken und Leistungskennzahlen - [Heatmap-Generator](https://elysiatools.com/de/tools/heatmap-generator): Erstellen Sie anpassbare Heatmaps aus Daten, perfekt zur Visualisierung von Datendichte, Korrelationen und Mustern ## Beispiele - [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 - [D3.js Datenvisualisierung Beispiele](https://elysiatools.com/de/samples/d3js-data-visualization): Umfassende D3.js datenvisualisierung beispiele einschließlich diagramme, karten, animationen und interaktive visualisierungen - [QR-Code-Beispiele](https://elysiatools.com/de/samples/qrcode-samples): Beispiel-QR-Code-Bilder zum Testen von QR-Code-Lese- und Generierungswerkzeugen - [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 ## 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. - [Generatoren fur JSON-Schemas, Mock-Daten und API-Fixtures](https://elysiatools.com/de/hubs/json-generate): Gebundelte Werkzeuge fur JSON-Schema-Generierung, Aufbau von Mock-Payloads und Vorbereitung von API-Fixtures in einem Hub. - [JSON-zu-typisiertem-Code-Generatoren (TypeScript, Go, Rust, Kotlin, Java, C#)](https://elysiatools.com/de/hubs/json-to-typed-code-generators): JSON einfügen und einsatzbereite Typen erhalten: TypeScript-Interfaces, Go-Structs, Rust-Structs mit serde, Kotlin-Data-Classes, Java-Klassen, C#-Klassen, Zod-Schemata und inferiertes JSON-Schema. - [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.