Categorias

Gerador de Gráfico de Rede

Gráfico de rede interativo para visualizar redes sociais, estruturas topológicas e conexões de nós

Dados da rede em formato JSON com arrays de nós e arestas. Nós: id, label, group, size, color. Arestas: source, target, weight, color, label

Título principal do gráfico de rede

Se exibir rótulos de nós

Se exibir rótulos de arestas

Tamanho padrão dos nós em pixels

Largura padrão das arestas em pixels

Distância ideal entre nós conectados (layout orientado por forças)

Força de repulsão entre nós (valor negativo)

Duração da animação em milissegundos

Fatos principais

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

Visão geral

O Gerador de Gráfico de Rede é uma ferramenta intuitiva para transformar dados complexos em visualizações interativas, permitindo mapear conexões, estruturas topológicas e relacionamentos entre nós de forma clara e profissional.

Quando usar

  • Para visualizar a estrutura de redes sociais ou hierarquias organizacionais.
  • Para analisar conexões entre diferentes entidades em um conjunto de dados.
  • Para representar graficamente topologias de sistemas ou fluxos de rede complexos.

Como funciona

  • Insira seus dados no formato JSON, definindo os nós (nodes) com seus respectivos identificadores e as arestas (edges) que estabelecem as conexões.
  • Personalize a aparência do gráfico ajustando o esquema de cores, o tamanho dos nós e a largura das linhas de conexão.
  • Escolha o algoritmo de layout, como o orientado por forças ou circular, para organizar os elementos da melhor forma para sua análise.
  • Gere o gráfico interativo e utilize as opções de exibição para mostrar ou ocultar rótulos de nós e arestas conforme necessário.

Casos de uso

Mapeamento de influência em redes sociais e comunidades online.
Documentação de infraestrutura de TI e topologia de servidores.
Análise de relacionamentos entre entidades em bancos de dados complexos.

Exemplos

1. Mapeamento de Rede Social

Analista de Dados
Contexto
O analista precisa apresentar como diferentes departamentos de uma empresa colaboram entre si.
Problema
Dificuldade em visualizar o fluxo de comunicação entre equipes distintas.
Como usar
Definir cada departamento como um nó e as interações como arestas, utilizando o layout 'force' para agrupar conexões frequentes.
Configuração de exemplo
{"nodes": [{"id": "TI", "label": "TI"}, {"id": "RH", "label": "RH"}], "edges": [{"source": "TI", "target": "RH", "weight": 5}]}
Resultado
Um gráfico claro que destaca os departamentos com maior volume de interação através da espessura das arestas.

2. Visualização de Topologia de Rede

Engenheiro de Redes
Contexto
Necessidade de documentar a conexão entre roteadores e switches em um novo datacenter.
Problema
Representar fisicamente a disposição dos equipamentos e suas dependências.
Como usar
Inserir os dispositivos como nós e os cabos de rede como arestas, aplicando o esquema de cores 'blue' para manter o padrão corporativo.
Configuração de exemplo
{"nodes": [{"id": "R1", "label": "Router 1"}, {"id": "S1", "label": "Switch 1"}], "edges": [{"source": "R1", "target": "S1"}]}
Resultado
Um diagrama técnico preciso que facilita a identificação de pontos críticos na infraestrutura.

Testar com amostras

json

Hubs relacionados

FAQ

Quais formatos de dados são aceitos?

A ferramenta aceita dados estruturados em formato JSON, contendo arrays específicos para nós (nodes) e arestas (edges).

Posso alterar o layout do gráfico?

Sim, você pode escolher entre diferentes algoritmos de layout, incluindo orientado por forças, circular, grade ou aleatório.

É possível exibir nomes nos nós e conexões?

Sim, você pode ativar ou desativar a exibição de rótulos tanto para os nós quanto para as arestas através das configurações.

Como ajusto a distância entre os nós?

Utilize a opção 'Distância do Link' nas configurações para definir o espaçamento ideal entre nós conectados no layout orientado por forças.

O gráfico é interativo?

Sim, o gráfico gerado é interativo, permitindo uma melhor exploração visual das conexões e da estrutura da rede.

Documentação da API

Ponto final da solicitação

POST /pt/api/tools/network-chart

Parâmetros da solicitação

Nome do parâmetro Tipo Requerido Descrição
networkData textarea Sim Dados da rede em formato JSON com arrays de nós e arestas. Nós: id, label, group, size, color. Arestas: source, target, weight, color, label
chartTitle text Não Título principal do gráfico de rede
layoutAlgorithm select Não -
showLabels checkbox Não Se exibir rótulos de nós
showEdgeLabels checkbox Não Se exibir rótulos de arestas
colorScheme select Não -
nodeSize text Não Tamanho padrão dos nós em pixels
edgeWidth text Não Largura padrão das arestas em pixels
linkDistance text Não Distância ideal entre nós conectados (layout orientado por forças)
nodeStrength text Não Força de repulsão entre nós (valor negativo)
animationDuration text Não Duração da 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-network-chart": {
      "name": "network-chart",
      "description": "Gráfico de rede interativo para visualizar redes sociais, estruturas topológicas e conexões de nós",
      "baseUrl": "https://elysiatools.com/mcp/sse?toolId=network-chart",
      "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]