Categorias

← View All Tools

Gerador de Pictograma

Crie pictogramas usando ícones/símbolos para representar quantidades com ícones, cores e layouts personalizáveis

Itens de dados como array JSON com propriedades de rótulo, valor e cor opcional

Título que será exibido acima do pictograma

Emoji de ícone personalizado quando "Ícone Personalizado" é selecionado

Valor representado por cada ícone

Tamanho de cada ícone em pixels

Espaço entre ícones em pixels

Número máximo de ícones por linha (0 = ilimitado)

Cor padrão para ícones (pode ser substituída por cores de itens individuais)

Cor de fundo para o gráfico

Cor da borda para ícones

Largura da borda em pixels

Tamanho da fonte para rótulos e valores

Tamanho da fonte para o título do gráfico

Cor para o título do gráfico

Exibir valores numéricos ao lado dos rótulos

Exibir rótulos de categoria

Exibir legenda mostrando o valor do ícone

Animar ícones ao carregar

Aplicar cantos arredondados aos ícones

Fatos principais

Categoria
Data Visualization
Tipos de entrada
text, textarea, select, number, color, checkbox
Tipo de saída
html
Cobertura de amostras
4
API disponível
Yes

Visão geral

O Gerador de Pictograma permite transformar dados numéricos em representações visuais intuitivas, utilizando ícones e símbolos personalizados para tornar suas apresentações e relatórios mais atraentes e fáceis de compreender.

Quando usar

  • •Para tornar relatórios de dados mais visuais e menos densos.
  • •Ao apresentar estatísticas de público ou inventário em apresentações.
  • •Para comparar quantidades de forma rápida e impactante em infográficos.

Como funciona

  • •Insira seus dados no formato JSON, definindo o rótulo, valor e cor de cada categoria.
  • •Escolha o tipo de ícone que melhor representa o seu conjunto de dados.
  • •Ajuste as configurações de layout, como espaçamento, tamanho do ícone e alinhamento.
  • •Gere o gráfico e visualize o resultado final com as opções de personalização aplicadas.

Casos de uso

Visualização de metas de vendas por equipe usando ícones de dinheiro ou troféus.
Representação de demografia de usuários em relatórios de marketing.
Exibição de níveis de estoque ou inventário de produtos com ícones de pacotes.

Exemplos

1. Metas de Vendas Mensais

Gerente de Vendas
Contexto
A equipe precisa visualizar o progresso das metas de três regiões diferentes de forma rápida durante a reunião semanal.
Problema
Tabelas numéricas são difíceis de interpretar rapidamente durante apresentações.
Como usar
Definir o tipo de ícone como 'Dinheiro (💰)', configurar o valor do ícone para 10 e inserir os dados das regiões.
Configuração de exemplo
[{"label": "Norte", "value": 50, "color": "#3b82f6"}, {"label": "Sul", "value": 30, "color": "#ef4444"}, {"label": "Leste", "value": 40, "color": "#10b981"}]
Resultado
Um gráfico claro onde cada região é representada por uma fileira de ícones de dinheiro, permitindo comparação imediata de desempenho.

2. Pesquisa de Satisfação do Cliente

Analista de CX
Contexto
O analista deseja exibir os resultados de uma pesquisa de satisfação onde os clientes avaliaram o serviço com estrelas.
Problema
Mostrar a distribuição das notas de forma amigável para o cliente final.
Como usar
Selecionar o ícone 'Estrela (⭐)', configurar o layout como 'Grade Fixa' e habilitar a exibição de valores.
Configuração de exemplo
[{"label": "Excelente", "value": 85}, {"label": "Bom", "value": 45}, {"label": "Regular", "value": 10}]
Resultado
Um pictograma organizado que destaca visualmente a predominância de avaliações positivas através de ícones de estrelas.

Testar com amostras

json, image, text
Exemplos PDF
Exemplos PDF gerados por ferramentas de 2026-02-01 a 2026-02-10
preferred input family json
json
Exemplos de Códigos QR
Imagens de código QR de exemplo para testar ferramentas de leitura e geração de código QR
preferred input family json
json
Exemplos Avançados de Aplicação Grafana
Exemplos compreensivos de Grafana cobrindo design avançado de dashboards, configuração de alertas, integração de fontes de dados e desenvolvimento de plugins
preferred input family json
json
Exemplos D3.js Data Visualization
Exemplos abrangentes de visualização de dados D3.js incluindo gráficos, mapas, animações e visualizações interativas
preferred input family json
json

Hubs relacionados

Ferramentas de Json para Convert
Explore 100 ferramentas de json para fluxos de convert e encontre utilitários próximos com rapidez.
Ferramentas de Image para Convert
Explore 100 ferramentas de image para fluxos de convert e encontre utilitários próximos com rapidez.
Ferramentas de Text para Convert
Explore 80 ferramentas de text para fluxos de convert e encontre utilitários próximos com rapidez.
Ferramentas de Json
Explore 43 ferramentas de json para fluxos de utility e encontre utilitários próximos com rapidez.

FAQ

O que é um pictograma?

É um gráfico que utiliza ícones ou símbolos repetidos para representar quantidades de dados, facilitando a leitura visual.

Posso usar meus próprios ícones?

Sim, selecione a opção 'Ícone Personalizado' e insira o emoji desejado no campo correspondente.

Como os dados devem ser formatados?

Os dados devem ser inseridos como um array JSON contendo as propriedades 'label', 'value' e, opcionalmente, 'color'.

Posso controlar quantos ícones aparecem por linha?

Sim, utilize a opção 'Máximo de Ícones por Linha' para definir a quebra de linha do seu gráfico.

O gráfico é responsivo?

Sim, o layout pode ser configurado como 'Fluxo Flexível' ou 'Grade Fixa' para se adaptar ao espaço disponível.

Documentação da API

Ponto final da solicitação

POST /pt/api/tools/pictograph-generator

Parâmetros da solicitação

Nome do parâmetro Tipo Requerido Descrição
chartTitle text Não Título que será exibido acima do pictograma
dataItems textarea Sim Itens de dados como array JSON com propriedades de rótulo, valor e cor opcional
iconType select Sim -
customIcon text Não Emoji de ícone personalizado quando "Ícone Personalizado" é selecionado
iconValue number Sim Valor representado por cada ícone
iconSize number Não Tamanho de cada ícone em pixels
iconSpacing number Não Espaço entre ícones em pixels
maxIconsPerRow number Não Número máximo de ícones por linha (0 = ilimitado)
layout select Não -
orientation select Não -
customColor color Não Cor padrão para ícones (pode ser substituída por cores de itens individuais)
backgroundColor color Não Cor de fundo para o gráfico
borderColor color Não Cor da borda para ícones
borderWidth number Não Largura da borda em pixels
fontSize number Não Tamanho da fonte para rótulos e valores
titleSize number Não Tamanho da fonte para o título do gráfico
fontWeight select Não -
titleWeight select Não -
titleColor color Não Cor para o título do gráfico
showValues checkbox Não Exibir valores numéricos ao lado dos rótulos
showLabels checkbox Não Exibir rótulos de categoria
showLegend checkbox Não Exibir legenda mostrando o valor do ícone
animationEnabled checkbox Não Animar ícones ao carregar
roundedCorners checkbox Não Aplicar cantos arredondados aos ícones

Formato de resposta

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

Documentação de MCP

Adicione este ferramenta à sua configuração de servidor MCP: 

{
  "mcpServers": {
    "elysiatools-pictograph-generator": {
      "name": "pictograph-generator",
      "description": "Crie pictogramas usando ícones/símbolos para representar quantidades com ícones, cores e layouts personalizáveis",
      "baseUrl": "https://elysiatools.com/mcp/sse?toolId=pictograph-generator",
      "command": "",
      "args": [],
      "env": {},
      "isActive": true,
      "type": "sse"
    }
  }
}

Você pode encadear várias ferramentas, ex: `https://elysiatools.com/mcp/sse?toolId=png-to-webp,jpg-to-webp,gif-to-webp`, máx 20 ferramentas.

Se você encontrar algum problema, por favor, entre em contato conosco em [email protected]