Categorias

← View All Tools

Gerador de Diagrama de Acordo

Gerar diagramas de acordo interativos para visualizar fluxos bidirecionais e relações entre entidades

Array de conexões com campos source, target e value

Título exibido acima do gráfico

Cor de fundo do gráfico

Raio do círculo externo em pixels

Raio do círculo interno em pixels

Transparência do acordo (0-1)

Espaço entre arcos (0-0.1)

Exibir nomes das entidades

Exibir valores de fluxo total

Exibir legenda de cores

Exibir estatísticas de fluxo

Animar ao carregar

Tempo de animação em milissegundos

Fatos principais

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

Visão geral

O Gerador de Diagrama de Acordo permite criar visualizações circulares interativas para representar fluxos bidirecionais e conexões complexas entre diferentes entidades de forma clara e profissional.

Quando usar

  • •Para visualizar fluxos de migração ou movimentação de dados entre múltiplos pontos.
  • •Para analisar relações de interdependência em redes comerciais ou logísticas.
  • •Para apresentar dados comparativos de intercâmbio entre grupos de forma intuitiva.

Como funciona

  • •Insira seus dados no formato JSON, definindo a origem, o destino e o valor de cada conexão.
  • •Personalize o visual ajustando o esquema de cores, o raio do gráfico e a opacidade das conexões.
  • •Configure elementos adicionais como rótulos, legendas e animações para melhorar a clareza da apresentação.
  • •Gere o diagrama interativo pronto para ser utilizado em relatórios ou apresentações digitais.

Casos de uso

Mapeamento de fluxos comerciais entre diferentes países ou regiões.
Visualização de migração de usuários entre plataformas ou serviços.
Análise de redes de comunicação ou interações sociais dentro de uma organização.

Exemplos

1. Fluxo de Comércio Internacional

Analista de Dados
Contexto
O analista precisa apresentar como as exportações de commodities circulam entre quatro grandes blocos econômicos.
Problema
Dados tabulares complexos dificultam a compreensão rápida da balança comercial entre os blocos.
Como usar
Inserir os valores de exportação entre os países no campo de dados e selecionar o esquema de cores 'vibrante'.
Configuração de exemplo
[{"source": "Brasil", "target": "China", "value": 500}, {"source": "Brasil", "target": "EUA", "value": 300}, {"source": "China", "target": "EUA", "value": 400}]
Resultado
Um diagrama circular claro que destaca os maiores volumes de troca comercial através da espessura das conexões.

Testar com amostras

barcode
Exemplos Protocolo QUIC
Exemplos completos do protocolo QUIC cobrindo implementação HTTP/3, transporte UDP confiável, migração de conexão e otimização de desempenho
keywords network,migration
sample
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
keywords visualization,data
sample
Exemplos do Truffle Development Suite
Exemplos do framework de desenvolvimento Ethereum Truffle incluindo contratos inteligentes, testes, implantação, migrações, depuração e fluxos de trabalho de desenvolvimento
keywords flow,migration
sample
Exemplos Prisma
Toolkit de banco de dados moderno e ORM Prisma com definições de schema, migrações, relacionamentos e acesso a banco de dados type-safe
keywords relationship,migration,data
sample

Hubs relacionados

Ferramentas de Barcode
Explore 7 ferramentas de barcode para fluxos de utility e encontre utilitários próximos com rapidez.
Ferramentas de Barcode para Convert
Explore 6 ferramentas de barcode para fluxos de convert e encontre utilitários próximos com rapidez.
Ferramentas de Json para Generate
Explore 33 ferramentas de json para fluxos de generate e encontre utilitários próximos com rapidez.
Ferramentas de Design para Generate
Explore 19 ferramentas de design para fluxos de generate e encontre utilitários próximos com rapidez.

FAQ

O que é um diagrama de acordo?

É uma técnica de visualização de dados que exibe relações entre entidades dispostas em um círculo, onde o tamanho dos arcos e a espessura das conexões indicam a intensidade do fluxo.

Qual formato de dados é necessário?

O sistema exige um array JSON contendo objetos com os campos 'source' (origem), 'target' (destino) e 'value' (valor da conexão).

Posso personalizar as cores do gráfico?

Sim, você pode escolher entre diversos esquemas de cores predefinidos, como vibrante, pastel ou arco-íris, para destacar melhor seus dados.

O diagrama é interativo?

Sim, o gráfico gerado suporta animações de carregamento e permite a visualização detalhada de estatísticas ao interagir com os elementos.

É possível ajustar o tamanho do gráfico?

Sim, você pode definir manualmente os valores de raio externo e interno em pixels para adequar o gráfico ao espaço disponível.

Documentação da API

Ponto final da solicitação

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

Parâmetros da solicitação

Nome do parâmetro Tipo Requerido Descrição
chartData textarea Sim Array de conexões com campos source, target e value
chartTitle text Não Título exibido acima do gráfico
sortOrder select Não -
colorScheme select Não -
backgroundColor color Não Cor de fundo do gráfico
radius number Não Raio do círculo externo em pixels
innerRadius number Não Raio do círculo interno em pixels
chordOpacity number Não Transparência do acordo (0-1)
padding number Não Espaço entre arcos (0-0.1)
showLabels checkbox Não Exibir nomes das entidades
showValues checkbox Não Exibir valores de fluxo total
showLegend checkbox Não Exibir legenda de cores
showStats checkbox Não Exibir estatísticas de fluxo
enableAnimation checkbox Não Animar ao carregar
animationDuration number Não Tempo de animação em milissegundos

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-chord-diagram-generator": {
      "name": "chord-diagram-generator",
      "description": "Gerar diagramas de acordo interativos para visualizar fluxos bidirecionais e relações entre entidades",
      "baseUrl": "https://elysiatools.com/mcp/sse?toolId=chord-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]