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
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-visualizationHubs 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.