Catégories

Générateur de Graphique Réseau

Graphique de réseau interactif pour visualiser les réseaux sociaux, les structures topologiques et les connexions de nœuds

Données réseau au format JSON avec tableaux de nœuds et d'arêtes. Nœuds: id, label, group, size, color. Arêtes: source, target, weight, color, label

Titre principal du graphique réseau

Si afficher les étiquettes de nœuds

Si afficher les étiquettes d'arêtes

Taille par défaut des nœuds en pixels

Largeur par défaut des arêtes en pixels

Distance idéale entre les nœuds connectés (mise en page par forces)

Force de répulsion entre les nœuds (valeur négative)

Durée de l'animation en millisecondes

Points clés

Catégorie
Data Visualization
Types d’entrée
textarea, text, select, checkbox
Type de sortie
html
Couverture des échantillons
4
API disponible
Yes

Vue d’ensemble

Le Générateur de Graphique Réseau permet de transformer des données complexes en visualisations interactives claires, idéales pour cartographier les relations, les structures topologiques et les connexions entre nœuds.

Quand l’utiliser

  • Pour illustrer les interactions au sein d'un réseau social ou professionnel.
  • Pour analyser la topologie d'une infrastructure informatique ou de serveurs.
  • Pour cartographier les dépendances entre différents composants d'un système complexe.

Comment ça marche

  • Saisissez vos données au format JSON en définissant vos nœuds (id, label) et vos arêtes (source, target).
  • Choisissez un algorithme de mise en page, comme le modèle dirigé par forces, pour organiser automatiquement vos éléments.
  • Personnalisez l'apparence du graphique en ajustant les couleurs, la taille des nœuds et l'affichage des étiquettes.
  • Générez votre graphique interactif pour explorer visuellement les connexions et les clusters de données.

Cas d’usage

Visualisation de l'organigramme d'une entreprise ou des relations hiérarchiques.
Cartographie des flux de communication au sein d'une équipe projet.
Représentation graphique des dépendances logicielles dans un projet de développement.

Exemples

1. Visualisation d'un réseau social

Analyste de données
Contexte
Un analyste doit présenter les interactions entre les membres d'une communauté en ligne.
Problème
Les données brutes sous forme de liste sont illisibles pour identifier les influenceurs et les groupes.
Comment l’utiliser
Importer les données JSON des utilisateurs et de leurs interactions, puis appliquer le schéma de couleurs 'Réseau Social'.
Configuration d’exemple
layoutAlgorithm: 'force', colorScheme: 'social', showLabels: true
Résultat
Un graphique interactif mettant en évidence les clusters d'utilisateurs et les connexions fortes.

2. Schéma d'infrastructure réseau

Administrateur système
Contexte
L'administrateur doit documenter la topologie d'un réseau de serveurs interconnectés.
Problème
La complexité des connexions rend difficile la détection des points de défaillance uniques.
Comment l’utiliser
Définir les serveurs comme nœuds et les câblages comme arêtes, en utilisant une mise en page en grille pour une lecture structurée.
Configuration d’exemple
layoutAlgorithm: 'grid', showEdgeLabels: true, nodeSize: '30'
Résultat
Une vue claire et ordonnée de l'architecture réseau facilitant la maintenance.

Tester avec des échantillons

json

Hubs associés

FAQ

Quel format de données est requis ?

L'outil nécessite un objet JSON contenant deux tableaux principaux : 'nodes' pour les entités et 'edges' pour les relations entre ces entités.

Puis-je modifier la disposition des nœuds ?

Oui, vous pouvez choisir parmi plusieurs algorithmes de mise en page, tels que 'Dirigé par forces', 'Circulaire', 'Grille' ou 'Aléatoire'.

Est-il possible d'afficher le nom des relations ?

Absolument, il suffit d'activer l'option 'Afficher les Étiquettes d'Arêtes' dans les paramètres de configuration.

L'outil est-il interactif ?

Oui, le graphique généré est interactif, vous permettant de manipuler les nœuds et d'explorer les connexions visuellement.

Comment ajuster la densité du graphique ?

Vous pouvez modifier la 'Distance de Liaison' et la 'Répulsion de Nœuds' pour espacer ou rapprocher les éléments selon vos besoins.

Documentation de l'API

Point de terminaison de la requête

POST /fr/api/tools/network-chart

Paramètres de la requête

Nom du paramètre Type Requis Description
networkData textarea Oui Données réseau au format JSON avec tableaux de nœuds et d'arêtes. Nœuds: id, label, group, size, color. Arêtes: source, target, weight, color, label
chartTitle text Non Titre principal du graphique réseau
layoutAlgorithm select Non -
showLabels checkbox Non Si afficher les étiquettes de nœuds
showEdgeLabels checkbox Non Si afficher les étiquettes d'arêtes
colorScheme select Non -
nodeSize text Non Taille par défaut des nœuds en pixels
edgeWidth text Non Largeur par défaut des arêtes en pixels
linkDistance text Non Distance idéale entre les nœuds connectés (mise en page par forces)
nodeStrength text Non Force de répulsion entre les nœuds (valeur négative)
animationDuration text Non Durée de l'animation en millisecondes

Format de réponse

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

Documentation de MCP

Ajoutez cet outil à votre configuration de serveur MCP:

{
  "mcpServers": {
    "elysiatools-network-chart": {
      "name": "network-chart",
      "description": "Graphique de réseau interactif pour visualiser les réseaux sociaux, les structures topologiques et les connexions de nœuds",
      "baseUrl": "https://elysiatools.com/mcp/sse?toolId=network-chart",
      "command": "",
      "args": [],
      "env": {},
      "isActive": true,
      "type": "sse"
    }
  }
}

Vous pouvez chaîner plusieurs outils, par ex.: `https://elysiatools.com/mcp/sse?toolId=png-to-webp,jpg-to-webp,gif-to-webp`, max 20 outils.

Si vous rencontrez des problèmes, veuillez nous contacter à [email protected]