¿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).

Elysia Tools

Navegación

Data Visualization

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

Ejecución

Ejecutar esta herramienta

Completa el formulario, ejecuta la herramienta y revisa el resultado en un solo lugar.

Entradas

Las opciones están agrupadas para que los formularios largos sean más fáciles de revisar.

21 opciones

ContenidoPega o escribe los valores principales.3

Datos JerárquicostextareaObligatorioDatos jerárquicos en formato JSON con nombre, valor y arrays de hijos opcionalesTítulo del GráficotextOpcionalTítulo que se mostrará encima del gráficoColores PersonalizadostextareaOpcionalMatriz JSON de colores hex (requiere selección de colores personalizados)

AjustesAjusta formatos, rangos, números y modos.13

Esquema de ColorselectOpcionalFormato de ValorselectOpcionalAncho del GráficonumberOpcionalAncho del gráfico en píxeles (mín: 400, máx: 1200)Altura del GráficonumberOpcionalAltura del gráfico en píxeles (mín: 300, máx: 800)Nivel de InicionumberOpcionalNivel de inicio a mostrar (0 = nivel raíz)Profundidad MáximanumberOpcionalNúmero máximo de niveles a mostrarTamaño de EtiquetanumberOpcionalTamaño de fuente para etiquetas en píxeles (mín: 8, máx: 16)Tamaño de RellenonumberOpcionalEspaciado entre rectángulos en píxeles (mín: 0, máx: 10)Radio del BordenumberOpcionalRadio de esquina para rectángulos en píxeles (mín: 0, máx: 8)Ancho del TrazonumberOpcionalAncho del borde para rectángulos en píxeles (mín: 0, máx: 3)Color de FondocolorOpcionalColor de fondo para el contenedor del gráficoColor del TrazocolorOpcionalColor del borde para rectángulosOrientación del GráficoselectOpcional

InterruptoresActiva o desactiva comportamientos opcionales.5

Mostrar EtiquetascheckboxOpcionalActivado si está marcadoMostrar nombres de categoría dentro de rectángulosMostrar ValorescheckboxOpcionalActivado si está marcadoMostrar valores dentro de rectángulosMostrar PorcentajescheckboxOpcionalActivado si está marcadoMostrar porcentajes en lugar de valores absolutosHabilitar TooltipscheckboxOpcionalActivado si está marcadoMostrar información detallada al pasar el cursorAnimación al Pasar el CursorcheckboxOpcionalActivado si está marcadoAnimar rectángulos al pasar el cursor

Resultado

Listo para ejecutar

Al ejecutar la herramienta, aquí verás archivos, texto, datos estructurados o salida en streaming.

Ejemplos

Ejemplos que encajan con esta herramienta

Relacionado

Generador de Gráfico de Heladas

Ejecutar esta herramienta

Entradas

Resultado

Ejemplos que encajan con esta herramienta

Continuar con herramientas y temas relacionados

Entradas

Resultado

Conoce cuándo usar esta herramienta, qué admite y cómo la aplican los usuarios.

Datos clave

Resumen

Cuándo usarlo

Cómo funciona

Casos de uso

Ejemplos

1. Visualización de Estructura de Archivos

2. Mapa de Presupuesto Corporativo

Preguntas frecuentes

Muestras Avanzadas de Grafana

Ejemplos D3.js Data Visualization

Ejemplos de Códigos QR

Muestras de Análisis de Logs ELK Stack

Bar Chart Generator

Generador de Gráfico de Burbujas

Generador de Gráfico de Barras de Comparación

Generador de Gráfico de Dona

Generadores de Gráficos y Diagramas

Generadores de esquemas JSON, datos mock y fixtures de API

Generadores de código tipado a partir de JSON (TypeScript, Go, Rust, Kotlin, Java, C#)

Herramientas de intercambio JSON y traduccion de formatos