Categorias

Gerador de Diagrama de Euler

Gerar diagramas de Euler personalizáveis para visualizar relacionamentos de conjuntos, inclusões e estruturas hierárquicas

Formato simplificado para diagrama de Venn. Layout é detectado automaticamente: interseção=conjunto menor → relacionamento pai-filho; caso contrário sobreposto; 3+ conjuntos sem interseções → separado.

Título que será exibido acima do diagrama

Cores hex personalizadas para conjuntos (separadas por vírgula). Substitui o esquema de cores.

Opacidade dos círculos (0.2 a 1.0)

Tamanho da fonte para rótulos em pixels

Largura do diagrama em pixels

Altura do diagrama em pixels

Duração da animação em milissegundos

Cor de fundo para o contêiner do diagrama

Cor para a grade de fundo

Mostrar grade de fundo para melhor posicionamento

Mostrar nomes dos conjuntos no diagrama

Mostrar contagens de elementos nos círculos

Mostrar uma legenda abaixo do diagrama

Fatos principais

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

Visão geral

O Gerador de Diagrama de Euler permite criar visualizações claras e profissionais para representar relacionamentos entre conjuntos, inclusões hierárquicas e sobreposições de dados de forma intuitiva.

Quando usar

  • Para ilustrar a relação de subconjunto e superconjunto entre diferentes categorias de dados.
  • Para visualizar a interseção lógica entre grupos de elementos em uma análise de dados.
  • Para criar apresentações que exigem uma representação clara de hierarquias ou estruturas organizacionais.

Como funciona

  • Insira os dados dos conjuntos no formato JSON ou texto simples, definindo os nomes e as contagens de cada elemento.
  • Configure as interseções entre os conjuntos para que o sistema detecte automaticamente se a relação é de sobreposição ou hierarquia pai-filho.
  • Personalize o visual ajustando o esquema de cores, opacidade, estilo da borda e dimensões do diagrama.
  • Gere o gráfico final e utilize as opções de exibição para incluir legendas, valores e grades de posicionamento.

Casos de uso

Mapeamento de categorias de produtos e seus subgrupos em relatórios de inventário.
Visualização de sobreposição de públicos-alvo em campanhas de marketing.
Representação de estruturas de permissões ou hierarquias de acesso em sistemas de TI.

Exemplos

1. Hierarquia de Categorias de Animais

Contexto
Um biólogo precisa apresentar a relação entre a categoria geral de animais e o subgrupo de mamíferos.
Problema
Visualizar que todos os mamíferos estão contidos dentro do conjunto de animais.
Como usar
Utilizar o formato de entrada de conjunto pai-filho, definindo 'Animais' com 100 e 'Mamíferos' com 80, com interseção total.
Configuração de exemplo
{"element": [{"name": "Animais", "count": 100}, {"name": "Mamíferos", "count": 80}], "Intersecting": [{"names": "Animais,Mamíferos", "count": 80}]}
Resultado
Um diagrama claro onde o círculo de mamíferos está totalmente inserido dentro do círculo de animais.

2. Sobreposição de Interesses de Clientes

Contexto
Um analista de marketing deseja mostrar a interseção entre clientes interessados em 'Tecnologia' e 'Design'.
Problema
Identificar quantos clientes possuem interesse em ambos os temas simultaneamente.
Como usar
Inserir os dados dos dois conjuntos e a contagem da interseção no campo de dados.
Configuração de exemplo
{"element": [{"name": "Tecnologia", "count": 150}, {"name": "Design", "count": 120}], "Intersecting": [{"names": "Tecnologia,Design", "count": 50}]}
Resultado
Um diagrama de Euler mostrando dois círculos sobrepostos com a área de interseção destacada.

Testar com amostras

data-visualization

Hubs relacionados

FAQ

Como o diagrama diferencia sobreposição de hierarquia?

O sistema detecta automaticamente: se a interseção for igual ao tamanho do conjunto menor, ele é tratado como um subconjunto (hierarquia); caso contrário, é exibido como uma sobreposição.

Posso usar cores personalizadas?

Sim, você pode inserir códigos hexadecimais no campo de cores personalizadas, separados por vírgula, para substituir o esquema de cores padrão.

Qual é o formato de entrada recomendado?

Você pode usar um formato JSON estruturado para maior controle ou um formato de texto simples como 'Nome|Valor' para uma criação rápida.

É possível ajustar o tamanho do diagrama?

Sim, você pode definir a largura e a altura exatas em pixels nas configurações para garantir que o gráfico se ajuste ao seu layout.

O que acontece se eu tiver mais de 3 conjuntos sem interseções?

O gerador exibirá os conjuntos como círculos separados, mantendo a organização visual limpa e lógica.

Documentação da API

Ponto final da solicitação

POST /pt/api/tools/euler-diagram-generator

Parâmetros da solicitação

Nome do parâmetro Tipo Requerido Descrição
chartData textarea Sim Formato simplificado para diagrama de Venn. Layout é detectado automaticamente: interseção=conjunto menor → relacionamento pai-filho; caso contrário sobreposto; 3+ conjuntos sem interseções → separado.
chartTitle text Não Título que será exibido acima do diagrama
borderStyle select Não -
colorScheme select Não -
customColors text Não Cores hex personalizadas para conjuntos (separadas por vírgula). Substitui o esquema de cores.
circleOpacity number Não Opacidade dos círculos (0.2 a 1.0)
fontSize number Não Tamanho da fonte para rótulos em pixels
chartWidth number Não Largura do diagrama em pixels
chartHeight number Não Altura do diagrama em pixels
animationDuration number Não Duração da animação em milissegundos
backgroundColor color Não Cor de fundo para o contêiner do diagrama
gridColor color Não Cor para a grade de fundo
showGrid checkbox Não Mostrar grade de fundo para melhor posicionamento
showLabels checkbox Não Mostrar nomes dos conjuntos no diagrama
showValues checkbox Não Mostrar contagens de elementos nos círculos
showLegend checkbox Não Mostrar uma legenda abaixo do diagrama

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-euler-diagram-generator": {
      "name": "euler-diagram-generator",
      "description": "Gerar diagramas de Euler personalizáveis para visualizar relacionamentos de conjuntos, inclusões e estruturas hierárquicas",
      "baseUrl": "https://elysiatools.com/mcp/sse?toolId=euler-diagram-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]