Categorías

← View All Tools

Generador de Pictogramas

Crear pictogramas usando iconos/símbolos para representar cantidades con iconos personalizados, colores y diseños

Elementos de datos como array JSON con propiedades de etiqueta, valor y color opcional

Título que se mostrará encima del pictograma

Emoji de icono personalizado cuando se selecciona "Icono Personalizado"

Valor representado por cada icono

Tamaño de cada icono en píxeles

Espacio entre iconos en píxeles

Número máximo de iconos por fila (0 = ilimitado)

Color predeterminado para iconos (puede ser anulado por colores de elementos individuales)

Color de fondo para el gráfico

Color del borde para iconos

Ancho del borde en píxeles

Tamaño de fuente para etiquetas y valores

Tamaño de fuente para el título del gráfico

Color para el título del gráfico

Mostrar valores numéricos junto a las etiquetas

Mostrar etiquetas de categoría

Mostrar leyenda mostrando el valor del icono

Animar iconos al cargar

Aplicar esquinas redondeadas a los iconos

Datos clave

Categoría
Data Visualization
Tipos de entrada
text, textarea, select, number, color, checkbox
Tipo de salida
html
Cobertura de muestras
4
API disponible
Yes

Resumen

El Generador de Pictogramas permite transformar datos numéricos en representaciones visuales claras y atractivas mediante el uso de iconos y símbolos personalizados, facilitando la comprensión de cantidades de forma intuitiva.

Cuándo usarlo

  • •Para presentar estadísticas de manera visualmente impactante en informes o presentaciones.
  • •Cuando se necesita comparar cantidades de diferentes categorías mediante símbolos reconocibles.
  • •Para simplificar datos complejos y hacerlos más accesibles a una audiencia general.

Cómo funciona

  • •Introduce tus datos en formato JSON especificando la etiqueta, el valor y el color opcional para cada categoría.
  • •Selecciona el tipo de icono que mejor represente tu información, como personas, estrellas, dinero o elementos personalizados.
  • •Ajusta las preferencias de diseño, incluyendo el tamaño de los iconos, el espaciado, la alineación y el número máximo de elementos por fila.
  • •Genera y visualiza tu pictograma final, con opciones para incluir títulos, leyendas y animaciones de carga.

Casos de uso

Visualización de encuestas de satisfacción del cliente utilizando iconos de estrellas o pulgares arriba.
Representación de inventarios o existencias de productos mediante iconos de paquetes o cajas.
Comparativa de rendimiento de equipos de trabajo usando iconos de personas o trofeos.

Ejemplos

1. Satisfacción del Cliente

Analista de Marketing
Contexto
El equipo de marketing necesita mostrar los resultados de una encuesta de satisfacción donde 3 grupos calificaron el servicio.
Problema
Los gráficos de barras tradicionales son aburridos y no comunican el sentimiento de la marca.
Cómo usarlo
Configurar el generador con iconos de estrellas y definir los valores de satisfacción por categoría.
Configuración de ejemplo
[{"label": "Excelente", "value": 45, "color": "#10b981"}, {"label": "Bueno", "value": 30, "color": "#f59e0b"}, {"label": "Regular", "value": 10, "color": "#ef4444"}]
Resultado
Un pictograma visualmente atractivo donde cada estrella representa el nivel de satisfacción, facilitando la lectura rápida de los resultados.

2. Distribución de Recursos

Gestor de Proyectos
Contexto
Se requiere mostrar la asignación de personal en diferentes departamentos de la empresa.
Problema
La cantidad de empleados por área es difícil de visualizar en una tabla simple.
Cómo usarlo
Utilizar el icono de usuario (👥) y ajustar el valor del icono para que cada uno represente a 5 personas.
Configuración de ejemplo
{"iconType": "user", "iconValue": 5, "layout": "grid"}
Resultado
Un gráfico de cuadrícula donde cada icono de usuario representa un grupo de 5 empleados, permitiendo comparar el tamaño de los departamentos de un vistazo.

Probar con muestras

json, image, text
Muestras PDF
Muestras PDF generadas por herramientas 2026-02-01 a 2026-02-10
preferred input family json
json
Ejemplos de Códigos QR
Imágenes de códigos QR de muestra para probar herramientas de lectura y generación de códigos QR
preferred input family json
json
Muestras Avanzadas de Grafana
Muestras comprensivas de Grafana cubriendo diseño avanzado de dashboards, configuración de alertas, integración de fuentes de datos y desarrollo de plugins
preferred input family json
json
Ejemplos D3.js Data Visualization
Ejemplos completos de visualización de datos D3.js incluyendo gráficos, mapas, animaciones y visualizaciones interactivas
preferred input family json
json

Hubs relacionados

Herramientas de Json para Convert
Explora 100 herramientas de json para flujos de convert y encuentra utilidades cercanas con rapidez.
Herramientas de Image para Convert
Explora 100 herramientas de image para flujos de convert y encuentra utilidades cercanas con rapidez.
Herramientas de Text para Convert
Explora 80 herramientas de text para flujos de convert y encuentra utilidades cercanas con rapidez.
Herramientas de Json
Explora 43 herramientas de json para flujos de utility y encuentra utilidades cercanas con rapidez.

Preguntas frecuentes

¿Qué formato de datos admite la herramienta?

La herramienta requiere un array JSON donde cada elemento contenga una etiqueta (label), un valor numérico (value) y, opcionalmente, un color específico.

¿Puedo usar mis propios iconos?

Sí, al seleccionar la opción 'Icono Personalizado' en el menú desplegable, puedes ingresar cualquier emoji para representar tus datos.

¿Es posible ajustar cuántos iconos aparecen por fila?

Sí, puedes configurar el parámetro 'Máximo de Iconos por Fila' para controlar la estructura visual del gráfico.

¿Se pueden animar los pictogramas?

Sí, la herramienta incluye una opción para habilitar animaciones, lo que hace que los iconos aparezcan dinámicamente al cargar el gráfico.

¿Qué opciones de personalización estética existen?

Puedes modificar el tamaño de los iconos, el color de fondo, el borde, el tamaño de la fuente y la alineación del texto para adaptar el diseño a tu estilo.

Documentación de la API

Punto final de la solicitud

POST /es/api/tools/pictograph-generator

Parámetros de la solicitud

Nombre del parámetro Tipo Requerido Descripción
chartTitle text No Título que se mostrará encima del pictograma
dataItems textarea Sí Elementos de datos como array JSON con propiedades de etiqueta, valor y color opcional
iconType select Sí -
customIcon text No Emoji de icono personalizado cuando se selecciona "Icono Personalizado"
iconValue number Sí Valor representado por cada icono
iconSize number No Tamaño de cada icono en píxeles
iconSpacing number No Espacio entre iconos en píxeles
maxIconsPerRow number No Número máximo de iconos por fila (0 = ilimitado)
layout select No -
orientation select No -
customColor color No Color predeterminado para iconos (puede ser anulado por colores de elementos individuales)
backgroundColor color No Color de fondo para el gráfico
borderColor color No Color del borde para iconos
borderWidth number No Ancho del borde en píxeles
fontSize number No Tamaño de fuente para etiquetas y valores
titleSize number No Tamaño de fuente para el título del gráfico
fontWeight select No -
titleWeight select No -
titleColor color No Color para el título del gráfico
showValues checkbox No Mostrar valores numéricos junto a las etiquetas
showLabels checkbox No Mostrar etiquetas de categoría
showLegend checkbox No Mostrar leyenda mostrando el valor del icono
animationEnabled checkbox No Animar iconos al cargar
roundedCorners checkbox No Aplicar esquinas redondeadas a los iconos

Formato de respuesta

{
  "result": "
Processed HTML content
",
  "error": "Error message (optional)",
  "message": "Notification message (optional)",
  "metadata": {
    "key": "value"
  }
}
HTML: HTML

Documentación de MCP

Agregue este herramienta a su configuración de servidor MCP: 

{
  "mcpServers": {
    "elysiatools-pictograph-generator": {
      "name": "pictograph-generator",
      "description": "Crear pictogramas usando iconos/símbolos para representar cantidades con iconos personalizados, colores y diseños",
      "baseUrl": "https://elysiatools.com/mcp/sse?toolId=pictograph-generator",
      "command": "",
      "args": [],
      "env": {},
      "isActive": true,
      "type": "sse"
    }
  }
}

Puede encadenar múltiples herramientas, por ejemplo: `https://elysiatools.com/mcp/sse?toolId=png-to-webp,jpg-to-webp,gif-to-webp`, máximo 20 herramientas.

Si encuentra algún problema, por favor, póngase en contacto con nosotros en [email protected]