# Generador de Gráfico de Heladas Generar gráficos de heladas interactivos para visualización de datos jerárquicos, perfecto para mostrar estructuras de árbol, sistemas de archivos y jerarquías organizacionales > Página canónica: https://elysiatools.com/es/tools/icicle-chart-generator - **Categoría:** Data Visualization - **Palabras clave:** gráfico de heladas, jerárquico, visualización de árbol, treemap, datos anidados, gráfico organizacional, sistema de archivos, sunburst ## Descripción general El Generador de Gráfico de Heladas permite transformar datos jerárquicos complejos en visualizaciones interactivas y claras. Es la herramienta ideal para representar estructuras de árbol, sistemas de archivos o jerarquías organizacionales mediante rectángulos anidados que facilitan la comprensión de la distribución de valores en diferentes niveles. ## Entradas - **Datos Jerárquicos** (textarea): Datos jerárquicos en formato JSON con nombre, valor y arrays de hijos opcionales - **Título del Gráfico** (text): Título que se mostrará encima del gráfico - **Esquema de Color** (select): Seleccionar esquema de color - **Colores Personalizados** (textarea): Matriz JSON de colores hex (requiere selección de colores personalizados) - **Formato de Valor** (select): Seleccionar formato de valor - **Ancho del Gráfico** (number): Ancho del gráfico en píxeles (mín: 400, máx: 1200) - **Altura del Gráfico** (number): Altura del gráfico en píxeles (mín: 300, máx: 800) - **Nivel de Inicio** (number): Nivel de inicio a mostrar (0 = nivel raíz) - **Profundidad Máxima** (number): Número máximo de niveles a mostrar - **Tamaño de Etiqueta** (number): Tamaño de fuente para etiquetas en píxeles (mín: 8, máx: 16) - **Tamaño de Relleno** (number): Espaciado entre rectángulos en píxeles (mín: 0, máx: 10) - **Radio del Borde** (number): Radio de esquina para rectángulos en píxeles (mín: 0, máx: 8) - **Ancho del Trazo** (number): Ancho del borde para rectángulos en píxeles (mín: 0, máx: 3) - **Color de Fondo** (color): Color de fondo para el contenedor del gráfico - **Color del Trazo** (color): Color del borde para rectángulos - **Mostrar Etiquetas** (checkbox): Mostrar nombres de categoría dentro de rectángulos - **Mostrar Valores** (checkbox): Mostrar valores dentro de rectángulos - **Mostrar Porcentajes** (checkbox): Mostrar porcentajes en lugar de valores absolutos - **Habilitar Tooltips** (checkbox): Mostrar información detallada al pasar el cursor - **Orientación del Gráfico** (select): Seleccionar orientación del gráfico - **Animación al Pasar el Cursor** (checkbox): Animar rectángulos al pasar el cursor ## Cuándo usarlo - Cuando necesitas visualizar la composición de un sistema de archivos o directorios. - Al presentar estructuras organizacionales donde es vital ver la jerarquía y el peso de cada departamento. - Para analizar datos anidados donde la proporción de cada subcategoría respecto al total es fundamental. ## Cómo funciona - Introduce tus datos en formato JSON, definiendo claramente los nombres, valores y las relaciones de los nodos hijos. - Personaliza la apariencia del gráfico ajustando el esquema de color, el formato de los valores y las dimensiones del lienzo. - Configura la profundidad de visualización y las etiquetas para resaltar los niveles de datos más relevantes. - Genera el gráfico interactivo y utiliza los tooltips para explorar los detalles de cada segmento en tiempo real. ## Casos de uso - Análisis de uso de almacenamiento en servidores mediante la visualización de directorios y archivos. - Representación de presupuestos departamentales para identificar qué áreas consumen la mayor parte de los recursos. - Visualización de taxonomías de productos en catálogos de comercio electrónico para entender la profundidad de las categorías. ## Preguntas frecuentes ### ¿Qué formato de datos admite la herramienta? La herramienta requiere un formato JSON estructurado con campos de nombre, valor y un array opcional de hijos (children) para representar la jerarquía. ### ¿Puedo personalizar los colores del gráfico? Sí, puedes elegir entre esquemas predefinidos como 'Océano' o 'Bosque', o seleccionar la opción 'Colores Personalizados' para ingresar tus propios códigos HEX. ### ¿Es posible ajustar el nivel de detalle mostrado? Absolutamente. Puedes configurar el 'Nivel de Inicio' y la 'Profundidad Máxima' para enfocarte solo en las ramas específicas que deseas analizar. ### ¿El gráfico es interactivo? Sí, el gráfico generado incluye tooltips y animaciones al pasar el cursor, lo que permite una exploración dinámica de los datos. ### ¿Qué formatos de valor puedo visualizar? Puedes mostrar los datos como números simples, porcentajes, moneda o valores abreviados en miles (k). ## Herramientas relacionadas - [Bar Chart Generator](https://elysiatools.com/es/tools/bar-chart-generator): Generate customizable bar charts from data with various styling options - [Generador de Gráfico de Burbujas](https://elysiatools.com/es/tools/bubble-chart-generator): Generar gráficos de burbujas personalizables desde datos con tres dimensiones (x, y, tamaño) - [Generador de Gráfico de Barras de Comparación](https://elysiatools.com/es/tools/comparison-bar-chart): Generar gráficos de barras espalda con espalda para comparación de valores positivos y negativos, perfecto para contrastar conjuntos de datos - [Generador de Gráfico de Dona](https://elysiatools.com/es/tools/donut-chart-generator): Generar gráficos de dona personalizables desde datos con varias opciones de estilo, perfecto para mostrar proporciones con espacio central - [Generador de Gráfico de Embudo](https://elysiatools.com/es/tools/funnel-chart-generator): Generar gráficos de embudo personalizables desde datos, perfecto para mostrar tasas de conversión, tuberías de ventas y flujos de procesos - [Generador de Gráfico de Gantt](https://elysiatools.com/es/tools/gantt-chart-generator): Crear gráficos de Gantt profesionales con líneas de tiempo de tareas, dependencias, seguimiento de progreso y marcadores de hitos - [Generador de Indicador](https://elysiatools.com/es/tools/gauge-chart-generator): Generar indicadores personalizables desde datos, perfecto para mostrar KPIs, métricas e indicadores de rendimiento - [Generador de Mapa de Calor](https://elysiatools.com/es/tools/heatmap-generator): Generar mapas de calor personalizables desde datos, perfecto para visualizar densidad de datos, correlaciones y patrones ## Ejemplos - [Muestras Avanzadas de Grafana](https://elysiatools.com/es/samples/grafana-samples): Muestras comprensivas de Grafana cubriendo diseño avanzado de dashboards, configuración de alertas, integración de fuentes de datos y desarrollo de plugins - [Ejemplos D3.js Data Visualization](https://elysiatools.com/es/samples/d3js-data-visualization): Ejemplos completos de visualización de datos D3.js incluyendo gráficos, mapas, animaciones y visualizaciones interactivas - [Ejemplos de Códigos QR](https://elysiatools.com/es/samples/qrcode-samples): Imágenes de códigos QR de muestra para probar herramientas de lectura y generación de códigos QR - [Muestras de Análisis de Logs ELK Stack](https://elysiatools.com/es/samples/elk-stack-samples): Muestras completas de ELK Stack para agregación, procesamiento y visualización de logs en sistemas distribuidos ## Contenido relacionado - [Generadores de Gráficos y Diagramas](https://elysiatools.com/es/hubs/chart-diagram-generators): Genera gráficos de barras, líneas, pastel, dona, dispersión, radar, Gantt, Sankey, mapa de calor, embudo, treemap y muchas más figuras a partir de tus propios datos en un solo hub. - [Generadores de esquemas JSON, datos mock y fixtures de API](https://elysiatools.com/es/hubs/json-generate): Herramientas reunidas para generacion de esquemas JSON, construccion de payloads mock y preparacion de fixtures de API en un solo hub. - [Generadores de código tipado a partir de JSON (TypeScript, Go, Rust, Kotlin, Java, C#)](https://elysiatools.com/es/hubs/json-to-typed-code-generators): Pega JSON y obtén tipos listos para usar: interfaces TypeScript, structs Go, structs Rust con serde, data classes Kotlin, clases Java, clases C#, esquemas Zod y JSON Schema inferido. - [Herramientas de intercambio JSON y traduccion de formatos](https://elysiatools.com/es/hubs/json-convert): Compara herramientas de conversion JSON para CSV, YAML, TOML, GraphQL, XML, Markdown, Excel, BSON, EDN y otros formatos estructurados en un solo hub.